UX: Adjust width for topic notifications dropdown on mobile

Previously, the dropdown was set to 400px wide, which exceeds the available width on many mobile devices.
2020-02-18 14:17:15 -05:00 · 2020-02-18 14:17:15 -05:00 · 8a0abafc9d
parent 0b09f5299d
commit 8a0abafc9d
1 changed files with 5 additions and 0 deletions
--- a/app/assets/stylesheets/common/select-kit/notifications-button.scss
+++ b/app/assets/stylesheets/common/select-kit/notifications-button.scss
@ -4,6 +4,11 @@
      .select-kit-body {
        max-width: 400px;
        width: 400px;
+
+        @media screen and (max-width: 767px) {
+          max-width: 100%;
+          width: auto;
+        }
      }

      .select-kit-row {