Fix rendering of MUC sidebar.

Looks like styling broke after a rebase.
conversejs · Aug 1, 2024 · af28a95 · af28a95
1 parent 343124d
commit af28a95
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/plugins/muc-views/styles/muc-occupants.scss b/src/plugins/muc-views/styles/muc-occupants.scss
@@ -22,13 +22,24 @@
         }
 
         .box-flyout {
-            .occupants {
+
+            converse-muc-sidebar {
                 display: flex;
-                flex-direction: column;
+                height: 100%;
+                flex-direction: row;
                 justify-content: space-between;
                 overflow: visible;
                 background-color: var(--occupants-background-color);
                 border-left: var(--occupants-border-left);
+            }
+
+            .occupants {
+                display: flex;
+                height: 100%;
+                flex-direction: column;
+                justify-content: space-between;
+                overflow-y: visible;
+                overflow-x: auto;
 
                 .occupants-header--title {
                     display: flex;

diff --git a/src/plugins/muc-views/templates/muc-chatarea.js b/src/plugins/muc-views/templates/muc-chatarea.js
@@ -44,7 +44,7 @@ export default (el) => {
         </div>
         ${el.model ? html`
             <converse-muc-sidebar
-                class="occupants ${el.shouldShowSidebar() ? sidebar_classes : 'col-xs-0 hidden' }"
+                class="${el.shouldShowSidebar() ? sidebar_classes : 'col-xs-0 hidden' }"
                 jid=${el.jid}
                 @mousedown=${(ev) => el.onMousedown(ev)}></converse-muc-sidebar>` : '' }`
 };