simplify computed height for nav menu panel; use var for nav explore panel (max) height

Author: mojavelinux

src/css/nav.css

@@ -72,13 +72,7 @@
 
 .nav-panel-menu {
   overflow-y: scroll;
-  height: var(--nav-panel-height);
-}
-
-@media screen and (min-width: 1024px) {
-  .nav-panel-menu {
-    height: var(--nav-panel-height--desktop);
-  }
+  height: var(--nav-panel-menu-height);
 }
 
 .nav-panel-menu:not(.is-active) .nav-menu {
@@ -200,7 +194,7 @@
 
 .nav-panel-explore:not(:first-child) {
   top: auto;
-  max-height: calc(50% + var(--drawer-height));
+  max-height: var(--nav-panel-explore-height);
 }
 
 .nav-panel-explore .context {

src/css/vars.css

@@ -132,8 +132,8 @@
   --body-min-height: calc(var(--viewport-height) - var(--body-top));
   --nav-height: calc(var(--body-min-height) - var(--toolbar-height));
   --nav-height--desktop: var(--body-min-height);
-  --nav-panel-height: calc(var(--nav-height) - var(--drawer-height));
-  --nav-panel-height--desktop: calc(var(--nav-height--desktop) - var(--drawer-height));
+  --nav-panel-menu-height: calc(100% - var(--drawer-height));
+  --nav-panel-explore-height: calc(50% + var(--drawer-height));
   --nav-width: calc(270 / var(--rem-base) * 1rem);
   --toc-top: calc(var(--body-top) + var(--toolbar-height));
   --toc-height: calc(var(--viewport-height) - var(--toc-top) - 2.5rem);