commit 14b349c60cb3a90307670c1069e3e82136b785e4
author Paladox none <thomasmulhall410@yahoo.com> Mon Apr 29 16:03:56 2024 +0000
committer Paladox none <thomasmulhall410@yahoo.com> Mon Apr 29 16:16:47 2024 +0000
tree 687e233845dbf2e184f8b93534653ea20d205c8b
parent b4813fad9b5fc2318a2756400882914dc3b0c560

gr-main-header: fix header to wrap the better

By using `flex: 0 0 auto` it makes sure that the text doesn't get cut
off. It's a little less ugly then it wrapping below.

This is a better fix than [0]. Correct fix is still a mobile optimised
header but that is a seperate change.

[0] I9da124be1ecd911cb16803fe709fb23a0860cd9e

Release-Notes: gr-main-header: fix header to wrap the better
Change-Id: Id7ebb8def48f5f58e31b3e2e297128fbbc8d0443

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 11dc09e..ae59fb6 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
@@ -205,7 +205,6 @@
         nav {
           align-items: center;
           display: flex;
-          flex-wrap: wrap;
         }
         .bigTitle {
           color: var(--header-text-color);
@@ -308,6 +307,7 @@
           display: inline;
         }
         .accountContainer {
+          flex: 0 0 auto;
           align-items: center;
           display: flex;
           margin: 0 calc(0 - var(--spacing-m)) 0 var(--spacing-m);