Merge pull request #2374 from archivesspace/ANW-1374

ANW-1374: Fix menu display for phone and tablet screen sizes
archivesspace · Mar 2, 2022 · 252f053 · 252f053
2 parents a0c46e0 + cb7e897
commit 252f053
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/frontend/app/assets/stylesheets/archivesspace/submenu.less b/frontend/app/assets/stylesheets/archivesspace/submenu.less
@@ -40,9 +40,21 @@
   .border-radius(0 6px 6px 6px);
 }
 
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 700px) {
   .dropdown-menu.open-aligned-right {
+    position: fixed;
+    top: 0;
+    right: 0;
     left: 0;
-    right: auto;
+    bottom: 200;
+    width: 320px;
+  }
+}
+
+@media screen and (min-width: 701px) and (max-width: 800px) {
+  .dropdown-menu.open-aligned-right {
+    left: 0;
+    right: 0;
+    width: 300px;
   }
 }