MDL-56690 theme_boost: Allow menus to scroll in the header

The header is fixed - so if menus in the header are longer than the page, you can't scroll to the bottom of the menu. This sets max height on the menus to the viewport height - the navbar height and sets them to scroll auto.
2016-11-02 15:48:49 +08:00
parent cad8adccc7
commit a053229f0f
1 changed files with 6 additions and 0 deletions
@@ -163,3 +163,9 @@ body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
 ol {
    margin: 0 0 $line-height-base / 2 2.5em;
 }
+
+// Set menus in the fixed header to scroll vertically when they are longer than the page.
+.navbar-static-top .dropdown .dropdown-menu {
+    max-height: calc(100vh - #{$navbar-height});
+    overflow-y: auto;
+}