From c1d6e9b1c6a933542c95bf46e198144185613505 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Wed, 7 Feb 2018 20:07:15 -0700 Subject: [PATCH] assign explicit height to navigation menu div --- src/css/navigation-menu.css | 11 +++++++++++ 1 file changed, 11 insertions(+) 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; } -- 2.11.0