From: Dan Allen <dan@opendevise.com>
Date: Thu, 8 Feb 2018 03:07:15 +0000 (-0700)
Subject: assign explicit height to navigation menu div
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=c1d6e9b1c6a933542c95bf46e198144185613505;p=eg-antora.git

assign explicit height to navigation menu div
---

diff --git a/src/css/navigation-menu.css b/src/css/navigation-menu.css
index ddcd2bb..2da0ac0 100644
--- a/src/css/navigation-menu.css
+++ b/src/css/navigation-menu.css
@@ -9,6 +9,17 @@ html.is-clipped--nav {
   flex-direction: column;
 }
 
+/* help Chrome calculate the height correctly; must match .navigation value minus height of drawer */
+.navigation-menu {
+  height: calc(100vh - var(--navbar-height) - var(--toolbar-height) - var(--drawer-height));
+}
+
+@media (min-width: 1024px) {
+  .navigation-menu {
+    height: calc(100vh - var(--navbar-height) - var(--drawer-height));
+  }
+}
+
 .navigation-menu:not(.is-active) {
   display: none;
 }