diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2022-11-14 06:05:10 +0100 |
|---|---|---|
| committer | Claire <claire.github-309c@sitedethib.com> | 2022-11-14 09:16:41 +0100 |
| commit | 9db90d2ebee1b0f5e3361e47349471d36b25d415 (patch) | |
| tree | 1979b15dc5f2248dfe24e54d85ce5cdfa23e8967 /app/javascript/flavours/glitch/styles/components/accounts.scss | |
| parent | 9fd866f38ef31032abb319eb5db9ee5778a02440 (diff) | |
[Glitch] Fix dropdown menu on profiles not being accessible on narrow screens in web UI
Port 6da9df774ea9973124fe7e2f5a9dd0862a22acd8 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/accounts.scss')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/accounts.scss | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss index 00519adf1..ac2d642a8 100644 --- a/app/javascript/flavours/glitch/styles/components/accounts.scss +++ b/app/javascript/flavours/glitch/styles/components/accounts.scss @@ -535,8 +535,11 @@ &__tabs { display: flex; align-items: flex-start; + justify-content: space-between; padding: 7px 10px; margin-top: -55px; + gap: 8px; + overflow: hidden; &__buttons { display: flex; @@ -545,6 +548,15 @@ padding-top: 55px; overflow: hidden; + .button { + flex-shrink: 1; + white-space: nowrap; + + @media screen and (max-width: $no-gap-breakpoint) { + min-width: 0; + } + } + .icon-button { border: 1px solid lighten($ui-base-color, 12%); border-radius: 4px; |