Fix wide dropdown on small screens (#6982)

CHANGELOG.md

@@ -9,6 +9,7 @@ HumHub Changelog
 - Fix #6919: Migration to revert user profile country names to Iso 3166 codes
 - Fix #6966: Make "Invite new people" always possible for Admins
 - Fix #6969: Create unique index for the table `like` - Avoid counter manipulation (Thanks to @viliald)
+- Fix #6973: Fix wide dropdown on small screens
 
 1.15.4 (March 20, 2024)
 -----------------------

static/less/dropdown.less

@@ -10,6 +10,14 @@
                 display: inline-block;
                 width: 14px;
             }
+            @media (max-width: 400px) {
+                white-space: normal !important;
+            }
+            @media (max-width: 768px) {
+                small {
+                    white-space: normal;
+                }
+            }
         }
 
         a:hover,

static/less/richtext.less

@@ -98,6 +98,14 @@
 
     .ProseMirror-menu-dropdown, .ProseMirror-menu-dropdown-menu {
         white-space: nowrap;
+        @media (max-width: 400px) {
+            white-space: normal !important;
+        }
+        @media (max-width: 768px) {
+            small {
+                white-space: normal;
+            }
+        }
     }
 
     .ProseMirror-menu-dropdown {