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>
This commit is contained in:
gcp-cherry-pick-bot[bot] 2023-12-19 18:30:04 +01:00 committed by GitHub
parent 2648333590
commit 539e8242ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 0 deletions

View File

@ -79,6 +79,7 @@ export class PageHeader extends AKElement {
} }
.pf-c-page__main-section { .pf-c-page__main-section {
flex-grow: 1; flex-grow: 1;
flex-shrink: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;