ids theme: bold section headings in slides menu
Change-Id: I589343912b8f82c2b1d197678d3ba723633c30bf
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 06d0179..19f735f 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
@@ -492,7 +492,7 @@
// default: a width the user picked via the menu-width option maps to one of
// the plugin's width classes (or an inline style), which must keep winning.
.slide-menu-wrapper .slide-menu:not(.slide-menu--wide):not(.slide-menu--half):not(.slide-menu--third):not(.slide-menu--full):not(.slide-menu--custom) {
- width: 365px !important;
+ width: 372px !important;
}
// Tighter, less wasteful rows than the plugin's 10px 18px padding with a 12px
@@ -532,6 +532,13 @@
padding-right: 8px !important;
}
+// Top-level (section) entries in bold, marking the hierarchy as the indented
+// sub-slides alone do now. Note the Google Fonts import only ships Fira Sans
+// Condensed in 300/400/700/800 -- there is no 600.
+.slide-menu-wrapper .slide-menu-item {
+ font-weight: 700 !important;
+}
+
// Current slide in the IDS accent colour, matching the slide-number and the
// orange bar.
.slide-menu-wrapper .active-menu-panel li.active {
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 4d35153..f2237a4 100644
--- a/inst/reveal.js-5.2.1/dist/theme/ids.css
+++ b/inst/reveal.js-5.2.1/dist/theme/ids.css
@@ -642,7 +642,7 @@
}
.slide-menu-wrapper .slide-menu:not(.slide-menu--wide):not(.slide-menu--half):not(.slide-menu--third):not(.slide-menu--full):not(.slide-menu--custom) {
- width: 365px !important;
+ width: 372px !important;
}
.slide-menu-wrapper .slide-menu-item,
@@ -675,6 +675,10 @@
padding-right: 8px !important;
}
+.slide-menu-wrapper .slide-menu-item {
+ font-weight: 700 !important;
+}
+
.slide-menu-wrapper .active-menu-panel li.active {
color: #f6a800 !important;
}