Fix list editor modal on narrow devices (#5904)

7 years ago · d3d52615ab
parent 1696fe1c84
commit d3d52615ab
1 changed files with 5 additions and 1 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -4489,9 +4489,13 @@ noscript {
  flex-direction: column;
  border-radius: 8px;
  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);
-  width: 40vh;
+  width: 380px;
  overflow: hidden;

+  @media screen and (max-width: 420px) {
+    width: 90%;
+  }
+
  h4 {
    padding: 15px 0;
    background: lighten($ui-base-color, 13%);