Modal Mobile CSS fix

Fix an issue with embed modal overflow causing overlay outside mobile screens.
DismalShadowX · Oct 23, 2024 · 573d881 · 573d881 · DismalShadowX · Oct 23, 2024
1 parent 029c99b
commit 573d881
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
@@ -5803,15 +5803,21 @@ a.status-card {
   z-index: 9999;
   pointer-events: none;
   user-select: none;
+  overflow: hidden;
 }
 
 .modal-root__modal {
   pointer-events: auto;
   user-select: text;
   display: flex;
+  overflow: auto;
+  max-width: 90vw;
+  max-height: 90vh;
 
   @media screen and (width <= $mobile-breakpoint) {
     margin-top: auto;
+    max-width: 100vw;
+    max-height: 80vh;
   }
 }