Fix unfollow button being out of frame on small screens on old browsers (#29923)

2024-04-15 13:56:48 +02:00 · 2024-04-15 13:56:48 +02:00 · 4117c8f6b8
parent 1549e6a9dc
commit 4117c8f6b8
1 changed files with 7 additions and 2 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -7863,8 +7863,13 @@ noscript {
        }
      }

-      @container account-header (max-width: 372px) {
-        .optional {
+      .optional {
+        @container account-header (max-width: 372px) {
+          display: none;
+        }
+
+        // Fallback for older browsers with no container queries support
+        @media screen and (max-width: 372px + 55px) {
          display: none;
        }
      }