Fix UI header overflow on mobile (#21783)

This commit is contained in:
Claire 2022-12-07 00:40:18 +01:00 committed by GitHub
parent 3d40282f1b
commit 76454cc638
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -2217,6 +2217,7 @@ $ui-header-height: 55px;
z-index: 2; z-index: 2;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
overflow: hidden;
&__logo { &__logo {
display: inline-flex; display: inline-flex;
@ -2233,10 +2234,15 @@ $ui-header-height: 55px;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
padding: 0 10px; padding: 0 10px;
overflow: hidden;
.button { .button {
flex: 0 0 auto; flex: 0 0 auto;
} }
.button-tertiary {
flex-shrink: 1;
}
} }
} }