Merge pull request #2569 from robintown/horizontal-overflow

Fix long call names overflowing the interface
element-hq · Aug 16, 2024 · 61bc4dc · 61bc4dc
2 parents f562cc1 + e2c4eae
commit 61bc4dc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/Header.module.css b/src/Header.module.css
@@ -90,15 +90,14 @@ limitations under the License.
 .nameLine {
   grid-area: name;
   flex-grow: 1;
+  min-width: 0;
   display: flex;
   align-items: center;
   gap: var(--cpd-space-1x);
 }
 
 .nameLine > h1 {
   margin: 0;
-  /* XXX I can't actually get this ellipsis overflow to trigger, because
-  constraint propagation in a nested flexbox layout is a massive pain */
   overflow: hidden;
   text-overflow: ellipsis;
 }

diff --git a/src/room/InCallView.module.css b/src/room/InCallView.module.css
@@ -19,6 +19,7 @@ limitations under the License.
   flex-direction: column;
   height: 100%;
   width: 100%;
+  overflow-x: hidden;
   overflow-y: auto;
 }