diff options
| author | Claire <claire.github-309c@sitedethib.com> | 2022-12-07 00:40:18 +0100 |
|---|---|---|
| committer | Claire <claire.github-309c@sitedethib.com> | 2022-12-07 09:10:47 +0100 |
| commit | 4642f7d83079063754231982a3f5d42fe048654f (patch) | |
| tree | 114e584418dbbdd9d18c491186421d851ad6d8a4 /app | |
| parent | 0e70215c404565e30c78e7d61f6ba0a86159a5eb (diff) | |
[Glitch] Fix UI header overflow on mobile
Port 76454cc63803f3619c6c2352abac9646004e32c4 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
Diffstat (limited to 'app')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/columns.scss | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss index 71edf7fb3..42a591931 100644 --- a/app/javascript/flavours/glitch/styles/components/columns.scss +++ b/app/javascript/flavours/glitch/styles/components/columns.scss @@ -65,6 +65,7 @@ $ui-header-height: 55px; z-index: 2; justify-content: space-between; align-items: center; + overflow: hidden; &__logo { display: inline-flex; @@ -81,10 +82,15 @@ $ui-header-height: 55px; align-items: center; gap: 10px; padding: 0 10px; + overflow: hidden; .button { flex: 0 0 auto; } + + .button-tertiary { + flex-shrink: 1; + } } } |