commit 45e34934ffc474ec04593df35d8d480790dcf4dd
author Paladox none <thomasmulhall410@yahoo.com> Sun May 19 14:59:22 2024 +0000
committer Paladox none <thomasmulhall410@yahoo.com> Sun May 19 17:52:59 2024 +0000
tree 05c8a79b4414c0d54653bfd9a31694fcc9b945ad
parent 44bfdf5b5daa2f20017753a3de3f56c44b686b86

gr-main-header: Show ellipsis when parts of the title text is hidden

Release-Notes: skip
Change-Id: Ibffa6f5b9b72ee5f3281c0d30475326afcc63323

polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts

diff --git a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
index 4e5cd66..3be77db 100644
--- a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
+++ b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
@@ -305,6 +305,10 @@
             var(--header-title-content)
           );
           white-space: nowrap;
+          text-overflow: ellipsis;
+          flex: 1;
+          overflow: hidden;
+          min-width: 0;
         }
 
         .linksTitle {
@@ -471,7 +475,7 @@
           }
           .mobileTitle {
             position: relative;
-            display: flex;
+            display: block;
             top: 10px;
             font-size: 20px;
             left: 100px;