dropdown to left

potatoqualitee · Dec 16, 2024 · c81cfa1 · c81cfa1
1 parent add3cc7
commit c81cfa1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 9 deletions.
diff --git a/css/components/nav/mobile.css b/css/components/nav/mobile.css
@@ -133,12 +133,15 @@
     .user-menu-dropdown {
         position: fixed;
         top: 55px;
-        right: var(--spacing-sm);
-        left: var(--spacing-sm);
+        right: 0;
+        left: 0;
+        width: 100%;
+        max-width: 100%;
         background: var(--surface);
-        border-radius: var(--border-radius);
+        border-radius: 0;
         box-shadow: var(--card-shadow);
         z-index: 1000;
+        overflow-x: hidden;
     }
 
     /* Adjust search and controls area */

diff --git a/css/components/nav/user-menu-dropdown.css b/css/components/nav/user-menu-dropdown.css
@@ -25,9 +25,9 @@
     border: 1px solid var(--border);
     border-radius: var(--border-radius-lg);
     box-shadow: var(--card-shadow);
-    width: 320px !important;
-    min-width: 320px !important;
-    max-width: calc(100vw - 32px) !important;
+    width: 320px;
+    min-width: 320px;
+    max-width: calc(100vw - 32px);
     display: none;
     z-index: 101;
     flex-shrink: 0;

diff --git a/css/components/nav/user-menu-responsive.css b/css/components/nav/user-menu-responsive.css
@@ -11,8 +11,9 @@
     }
 
     .user-menu-dropdown {
-        width: calc(100vw - 32px) !important;
-        min-width: auto !important;
-        right: -8px;
+        width: 100% !important;
+        min-width: 100% !important;
+        right: 0;
+        left: 0;
     }
 }