From 3df41b6b0439e90950a83f6329cf45dc1ca551e7 Mon Sep 17 00:00:00 2001 From: Paladox none Date: Mon, 29 Apr 2024 16:03:56 +0000 Subject: 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 (cherry picked from commit 14b349c60cb3a90307670c1069e3e82136b785e4) --- polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 58c10f953c..7bfb4de1ad 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 @@ export class GrMainHeader extends LitElement { nav { align-items: center; display: flex; - flex-wrap: wrap; } .bigTitle { color: var(--header-text-color); @@ -301,6 +300,7 @@ export class GrMainHeader extends LitElement { display: inline; } .accountContainer { + flex: 0 0 auto; align-items: center; display: flex; margin: 0 calc(0 - var(--spacing-m)) 0 var(--spacing-m); -- cgit v1.2.3