AO3-4268 Implement full screen width dropdowns for small screen sizes (…

…#4148) * AO3-4268 Set width of menu to auto * AO3-4268 Implement full screen width dropdowns * AO3-4268 Fix indentation * Feedback
otwcode · Jun 19, 2023 · 4cc7e79 · 4cc7e79
1 parent 630812b
commit 4cc7e79
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/public/stylesheets/site/2.0/26-media-narrow.css b/public/stylesheets/site/2.0/26-media-narrow.css
@@ -74,6 +74,16 @@ body .narrow-shown {
   margin-left: 45px;
 }
 
+#header .dropdown, #greeting .user {
+  position: static;
+}
+
+#header .menu {
+  width: 100%;
+  position: absolute;
+  left: 0;
+}
+
 /* 04 region dashboard */
 
 #dashboard, #dashboard.own {
@@ -274,4 +284,4 @@ form.filters dl {
 .announcement .thermometer .progress .amount {
   left: 0;
   right: auto;
-}
+}