Reduce size of toc frame on mobile so no content renders offscreen

nathan-contino · web-flow · commit a7dfb7c2fd3a · 2024-12-17T12:41:42.000-05:00
diff --git a/jekyll-assets/css/style.css b/jekyll-assets/css/style.css
@@ -1487,7 +1487,7 @@ input:not(:checked) ~ li ~ .itemcontents .sectlevel1 {
   }
 
   #mobile-toggle:checked ~ #docs-content .toc {
-    height: 100vh;
+    height: 93vh;
     max-width: 100vw;
   }
 
@@ -1778,4 +1778,4 @@ ul#tab-container li.selected a {
     display: block;
     width: 100%;
   }
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -1487,7 +1487,7 @@ input:not(:checked) ~ li ~ .itemcontents .sectlevel1 {`
`1487`	`1487`	`}`
`1488`	`1488`
`1489`	`1489`	`#mobile-toggle:checked ~ #docs-content .toc {`
`1490`		`- height: 100vh;`
	`1490`	`+ height: 93vh;`
`1491`	`1491`	`max-width: 100vw;`
`1492`	`1492`	`}`
`1493`	`1493`
`@@ -1778,4 +1778,4 @@ ul#tab-container li.selected a {`
`1778`	`1778`	`display: block;`
`1779`	`1779`	`width: 100%;`
`1780`	`1780`	`}`
`1781`		`-}`
	`1781`	`+}`