From 1da3fe0731b768fd9144bfd9b948231d2655c486 Mon Sep 17 00:00:00 2001 From: Robin Date: Fri, 16 Aug 2024 15:15:51 -0400 Subject: [PATCH] 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 5a408bd3..0984fea5 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; }