From 1da3fe0731b768fd9144bfd9b948231d2655c486 Mon Sep 17 00:00:00 2001 From: Robin Date: Fri, 16 Aug 2024 15:15:51 -0400 Subject: [PATCH 1/2] Fix long call names overflowing the interface They are now properly truncated with an ellipsis. --- src/Header.module.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/Header.module.css b/src/Header.module.css index 5a408bd3d..0984fea59 100644 --- a/src/Header.module.css +++ b/src/Header.module.css @@ -90,6 +90,7 @@ limitations under the License. .nameLine { grid-area: name; flex-grow: 1; + min-width: 0; display: flex; align-items: center; gap: var(--cpd-space-1x); @@ -97,8 +98,6 @@ limitations under the License. .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; } From e2c4eae67b6bb4864f1ef6a91b15707835081d2a Mon Sep 17 00:00:00 2001 From: Robin Date: Fri, 16 Aug 2024 15:16:33 -0400 Subject: [PATCH 2/2] Make sure that the call interface can't scroll horizontally --- src/room/InCallView.module.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/room/InCallView.module.css b/src/room/InCallView.module.css index 21662ecfb..32d34fb7c 100644 --- 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; }