FIX: topic-admin-popup-menu was overflowing on small screens (#9944)

FIX: topic-admin-popup-menu was overflowing on small screens (#9944)

diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss
index f2fcdfd..f9e6b44 100644
--- a/app/assets/stylesheets/mobile/topic.scss
+++ b/app/assets/stylesheets/mobile/topic.scss
@@ -221,29 +221,24 @@ sub sub {
 @media screen and (max-height: 600px) {
   .topic-admin-popup-menu {
     box-sizing: border-box;
-    width: 100%;
-    padding: 1em;
-    .header {
-      padding: 0;
-      position: relative;
-      .close-button {
-        position: absolute;
-        display: inline-block;
-        right: 0;
-        top: -0.1em;
-        width: auto;
-        background: transparent;
-      }
-    }
+    padding: 0.25em;
+
     ul {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
+
       @media screen and (max-width: 550px) {
         grid-template-columns: 1fr 1fr;
       }
+
       .popup-menu-btn {
         @include ellipsis;
       }
+
+      li {
+        border: 0;
+        min-width: 0;
+      }
     }
   }
 }

GitHub sha: 93bd1ff2

1 Like

This commit appears in #9944 which was merged by jjaffeux.

This commit has been mentioned on Discourse Meta. There might be relevant details there:

https://meta.discourse.org/t/topic-actions-cut-off-after-updating-and-other-stuff/153209/9