Fix UI header overflow on mobile (#21783)

2 years ago · 76454cc638
parent 3d40282f1b
commit 76454cc638
1 changed files with 6 additions and 0 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -2217,6 +2217,7 @@ $ui-header-height: 55px;
  z-index: 2;
  justify-content: space-between;
  align-items: center;
+  overflow: hidden;

  &__logo {
    display: inline-flex;
@ -2233,10 +2234,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;
+    }
  }
 }