ids theme: style Overview TOC entries as the links they are
The auto-generated table of contents opted out of the theme's normal
styling twice: font-size: 0.72em made it smaller than any other slide
body text, and color: inherit on its links overrode --r-link-color, so
entries rendered as plain dark text with no sign that they navigate to
the chapter they name.
Drop both. The list now inherits the theme's standard link colour and
hover transition, so it tracks any future palette change, and sits at the
same size and baseline rhythm as an ordinary bullet slide. The reduced
size moves to the .with-subheadings variant, the two-column layout where
the extra density is actually wanted.
The whole OVERVIEW / TOC section existed only in the built ids.css and
never in ids.scss, so a rebuild from the scss source would have dropped
it; backfill it there too. SPEAKER NOTES OVERLAY and TRANSCRIPT are
still missing from the scss for the same reason.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Change-Id: If7cc1629a4afc8ea3e395f2a787b676a5df65ac3
diff --git a/inst/reveal.js-5.2.1/dist/theme/ids.css b/inst/reveal.js-5.2.1/dist/theme/ids.css
index daf37a5..4798e59 100644
--- a/inst/reveal.js-5.2.1/dist/theme/ids.css
+++ b/inst/reveal.js-5.2.1/dist/theme/ids.css
@@ -1146,11 +1146,13 @@
/*********************************************
* OVERVIEW / TOC SLIDES
*********************************************/
+/* Entries stay at the normal slide body size and keep the theme's link
+ colour, so they read as the navigation links they are. Only the denser
+ two-column variant with sub-headings is scaled down. */
.reveal .ids-overview-toc {
list-style: none;
margin: 0.2em 0 0 0;
padding: 0;
- font-size: 0.72em;
line-height: 1.35;
}
.reveal .ids-overview-toc > li {
@@ -1166,6 +1168,7 @@
.reveal .ids-overview-toc.with-subheadings {
columns: 2;
column-gap: 2.5em;
+ font-size: 0.8em;
}
.reveal .ids-overview-toc.with-subheadings > li {
break-inside: avoid;
@@ -1173,12 +1176,6 @@
.reveal .ids-overview-toc ul li {
margin: 0.18em 0;
}
-.reveal .ids-overview-toc a {
- color: inherit;
-}
-.reveal .ids-overview-toc a:hover {
- color: var(--r-heading-color);
-}
/*********************************************
* TRANSCRIPT / READ-ALOUD VIEW ('r')