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/NEWS.md b/NEWS.md
index 8324cf3..c2a1479 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -6,6 +6,8 @@
- `qrlink()`: the QR code svg now carries a viewBox and scales to the box it is placed in. Without one, a code sized down by CSS -- as on the title slide -- kept drawing at its full 300px and only its top left corner remained visible. The svg is cropped to the code's dark modules, so its quiet zone comes from the surrounding layout (the white plate behind the title slide's code, and `padding` on `a.qrcode` elsewhere).
+- Auto-generated Overview slides: the table of contents now renders at the normal slide body size and in the theme's link colour, so its entries look like the navigation links they are (they were set to 0.72em and to `color: inherit`, which made them read as smaller, darker body text). Only the denser two-column variant with sub-headings is still scaled down. The section was also missing from the theme's scss source, where it has now been backfilled.
+
- New `df_print` option (default `"kable"`): data frames are now printed as theme-styled HTML tables by default, so raw results on slides look reasonable without extra code. Use `df_print: default` for plain text output (or `tibble` / `paged` as in `rmarkdown::html_document`); `"kable"` prints all rows, so show only `head(x)` on slides with many-rowed results.
- New transcript view, toggled with `r` (or, on touch devices, with a list button next to the speaker notes button): a single scrollable page containing every slide's content and speaker notes. Text-to-speech ("read aloud") browser extensions cannot walk a reveal.js deck (hidden slides are not part of the visible page text), but they can read the transcript from start to finish -- e.g. to have the whole talk including notes read aloud while practicing.
diff --git a/inst/reveal.js-5.2.1/css/theme/source/ids.scss b/inst/reveal.js-5.2.1/css/theme/source/ids.scss
index 4691a64..7daee42 100644
--- a/inst/reveal.js-5.2.1/css/theme/source/ids.scss
+++ b/inst/reveal.js-5.2.1/css/theme/source/ids.scss
@@ -1001,3 +1001,37 @@
padding: 0;
}
+
+/*********************************************
+ * 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;
+ line-height: 1.35;
+}
+.reveal .ids-overview-toc > li {
+ margin: 0.45em 0;
+ font-weight: bold;
+}
+.reveal .ids-overview-toc ul {
+ list-style: none;
+ margin: 0.1em 0 0.2em 0;
+ padding: 0 0 0 1.1em;
+ font-weight: normal;
+}
+.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;
+}
+.reveal .ids-overview-toc ul li {
+ margin: 0.18em 0;
+}
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')