CSS fix: MUC sidebar should expand when resized.

Also: hide text overflow with ellipsis so that the badge is visible.
conversejs · Sep 30, 2024 · 987c717 · 987c717
1 parent 035ca58
commit 987c717
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/plugins/muc-views/styles/muc-occupants.scss b/src/plugins/muc-views/styles/muc-occupants.scss
@@ -35,6 +35,7 @@
             .occupants {
                 display: flex;
                 height: 100%;
+                width: 100%;
                 flex-direction: column;
                 justify-content: space-between;
                 overflow-y: visible;
@@ -111,9 +112,12 @@
                                 flex-wrap: nowrap;
                                 align-items: center;
                                 gap: 0.25rem;
+                                overflow-x: hidden;
 
                                 .occupant-nick {
                                     flex-grow: 2;
+                                    overflow-x: hidden;
+                                    text-overflow: ellipsis;
                                 }
 
                                 .occupant-badges {