Explorar el Código

Tweak room features CSS

JC Brand hace 8 años
padre
commit
8dcff18123
Se han modificado 2 ficheros con 13 adiciones y 4 borrados
  1. 7 2
      css/converse.css
  2. 6 2
      sass/_chatrooms.scss

+ 7 - 2
css/converse.css

@@ -2314,6 +2314,8 @@
             min-width: 100%; }
       #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants,
       #conversejs .chatroom .box-flyout .chatroom-body .occupants {
+        overflow-x: hidden;
+        overflow-y: hidden;
         float: right;
         vertical-align: top;
         background-color: white;
@@ -2335,8 +2337,11 @@
           #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list,
           #conversejs .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
             overflow-y: scroll;
-            height: -webkit-calc(100% - 200px);
-            height: calc(100% - 200px); }
+            height: -webkit-calc(100% - 205px);
+            height: calc(100% - 205px); }
+          #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.features-list,
+          #conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list {
+            padding-top: 0; }
           #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li,
           #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li {
             cursor: default;

+ 6 - 2
sass/_chatrooms.scss

@@ -90,6 +90,8 @@
                     }
                 }
                 .occupants {
+                    overflow-x: hidden;
+                    overflow-y: hidden;
                     float: right;
                     vertical-align: top;
                     background-color: white;
@@ -110,9 +112,11 @@
 
                         &.occupant-list {
                             overflow-y: scroll;
-                            @include calc(height, '100% - 200px');
+                            @include calc(height, '100% - 205px');
+                        }
+                        &.features-list {
+                            padding-top: 0;
                         }
-
                         li {
                             cursor: default;
                             display: block;