Make ToC scrollable in slides if it overflows

iamgio · Sep 24, 2024 · fadf4ed · fadf4ed
1 parent d59b54b
commit fadf4ed
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/core/src/main/resources/render/theme/global.css b/core/src/main/resources/render/theme/global.css
@@ -452,6 +452,20 @@ nav {
     text-align: start;
 }
 
+/* ToC is scrollable in slides. */
+.reveal nav {
+    overflow-y: scroll;
+    max-height: 50vh;
+}
+
+.reveal nav > ol {
+    /*
+    Content is clipped for some reason when overflow-y is enabled,
+    but this isn't needed if the list hides markers.
+    */
+    margin-left: 24px;
+}
+
 h1#table-of-contents {
     text-align: start;
 }

diff --git a/core/src/main/resources/render/theme/layout/minimal.css b/core/src/main/resources/render/theme/layout/minimal.css
@@ -134,6 +134,12 @@ nav li {
     margin: 4px 0;
 }
 
+.reveal nav > ol {
+    /* Resets the no-clipping workaround because this theme's ToC hides list markers. */
+    margin-left: auto;
+}
+
+
 /* Footer */
 
 .page-margin-bottom-center {