fix nav-chapter buttons

kinode-dao · Feb 8, 2024 · 52325ed · 52325ed
1 parent 4b32cd1
commit 52325ed
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 9 deletions.
diff --git a/book.toml b/book.toml
@@ -10,4 +10,4 @@ edit-url-template = "https://github.com/uqbar-dao/kinode-book/edit/main/{path}"
 
 [output.html.fold]
 enable = true
-level = 0
+level = 1
diff --git a/theme/book.js b/theme/book.js
@@ -305,7 +305,10 @@ function playground_text(playground, hidden = true) {
         themePopup.querySelectorAll('.theme-selected').forEach(function (el) {
             el.classList.remove('theme-selected');
         });
-        themePopup.querySelector("button#" + get_theme()).classList.add('theme-selected');
+        const theme = themePopup.querySelector("button#" + get_theme())
+        if (theme && theme.classList) {
+            theme.classList.add('theme-selected');
+        }
     }
 
     function hideThemes() {

diff --git a/theme/css/chrome.css b/theme/css/chrome.css
@@ -153,6 +153,9 @@ a > .hljs {
     flex-direction: column;
 
     transition: color 0.5s, background-color 0.5s;
+
+    margin: calc(6 * var(--page-padding)) var(--page-padding);
+    border-radius: var(--page-padding);
 }
 
 .nav-chapters:hover {
@@ -561,11 +564,11 @@ ul#searchresults span.teaser em {
     opacity: 0.68;
     position: absolute;
     left: -2em;
-    color: var(--links);
+    color: var(--sidebar-fg);
 }
 
 .chapter li > a.toggle div {
-    transition: transform 0.5s;
+    transition: all 0.5s;
 }
 
 /* collapse the section */
@@ -581,6 +584,7 @@ ul#searchresults span.teaser em {
 
 .chapter li.expanded > a.toggle div {
     transform: rotate(90deg);
+    color: var(--links);
 }
 
 .spacer {
@@ -667,4 +671,8 @@ ul#searchresults span.teaser em {
     h1 {
         font-size: 3em;
     }
+
+    .nav-chapters {
+        margin: 0;
+    }
 }
diff --git a/theme/index.hbs b/theme/index.hbs
@@ -21,9 +21,9 @@
 
         <link rel="icon" href="{{ path_to_root }}favicon.svg">
         <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
-        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css?ver=2">
-        <link rel="stylesheet" href="{{ path_to_root }}css/general.css?ver=2">
-        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css?ver=2">
+        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css?ver=3">
+        <link rel="stylesheet" href="{{ path_to_root }}css/general.css?ver=3">
+        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css?ver=3">
         {{#if print_enable}}
         <link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
         {{/if}}
@@ -315,8 +315,8 @@
         {{/if}}
 
         <script src="{{ path_to_root }}clipboard.min.js"></script>
-        <script src="{{ path_to_root }}highlight.js"></script>
-        <script src="{{ path_to_root }}book.js"></script>
+        <script src="{{ path_to_root }}highlight.js?ver=3"></script>
+        <script src="{{ path_to_root }}book.js?ver=3"></script>
 
         <!-- Custom JS scripts -->
         {{#each additional_js}}