From 539e8242ff4b751723a52f1242efc1e52811577f Mon Sep 17 00:00:00 2001
From: "gcp-cherry-pick-bot[bot]"
 <98988430+gcp-cherry-pick-bot[bot]@users.noreply.github.com>
Date: Tue, 19 Dec 2023 18:30:04 +0100
Subject: [PATCH] web: fix overflow glitch on ak-page-header (cherry-pick
 #7883) (#7931)

web: fix overflow glitch on ak-page-header (#7883)

By adding 'grow' but not 'shrink' to the header section, the page was allowed to allocate
as much width as was available when the window opened, but not allowed to resize the width
if it was pushed closed by zoom, page resize, or summon sidebar.

This commit adds 'shrink' to the capabilities of the header.

Co-authored-by: Ken Sternberg <133134217+kensternberg-authentik@users.noreply.github.com>
---
 web/src/elements/PageHeader.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/src/elements/PageHeader.ts b/web/src/elements/PageHeader.ts
index 3f187291b..fcdbbeffc 100644
--- a/web/src/elements/PageHeader.ts
+++ b/web/src/elements/PageHeader.ts
@@ -79,6 +79,7 @@ export class PageHeader extends AKElement {
                 }
                 .pf-c-page__main-section {
                     flex-grow: 1;
+                    flex-shrink: 1;
                     display: flex;
                     flex-direction: column;
                     justify-content: center;