From 4117c8f6b88f72a9f2a3177f2c02708b7e05c772 Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Mon, 15 Apr 2024 13:56:48 +0200
Subject: [PATCH] Fix unfollow button being out of frame on small screens on
old browsers (#29923)
---
app/javascript/styles/mastodon/components.scss | 9 +++++++--
1 file changed, 7 insertions(+), 2 deletions(-)
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index e35b69623..87e13ee45 100644
--- 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;
}
}