Fix scrolling issue in sidenav

With the new filter control now taking up vertical space in the sidenav, tweak the value for max-height for .toc-books (the container that holds all the nav book/article links).
hlxsites · May 29, 2024 · fe79bd8 · fe79bd8
1 parent a282ec1
commit fe79bd8
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/blocks/sidenav/sidenav.css b/blocks/sidenav/sidenav.css
@@ -501,8 +501,9 @@
 
 @media (min-width: 901px) {
   .pan-sidenav .content .content-inner .toc-books {
-    /* 117px is the height of the edition banner */
-    max-height: calc(100vh - var(--nav-height) - 117px);
+    /* 200px is the height, measured from the bottom of header to */
+    /* the top of first entry in ToC (y2-y1 = 400-200 = 200px) */
+    max-height: calc(100vh - var(--nav-height) - 200px);
     padding-right: var(--spacing--2);
     overflow-y: scroll;
     /* Scrollbar styles */