fix: toc scrollspy highlight

TrebledJ · Nov 5, 2023 · bd26c5d · bd26c5d
1 parent 7e4f2c4
commit bd26c5d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/assets/js/post.js b/assets/js/post.js
@@ -26,7 +26,7 @@ $(() => {
 
   // --- TOC Current Section Highlight --- //
   const headerOffset = 150;
-  const sections = document.querySelectorAll('.post-article h2,.post-article h3');
+  const sections = document.querySelectorAll('.post-body h2,.post-body h3');
   const mainNavLinks = document.querySelectorAll('#toc-sidebar nav.toc a');
   const mobileNavLinks = document.querySelectorAll('#btn-mobile-toc nav.toc a');
 

diff --git a/assets/scss/_toc-sidebar.scss b/assets/scss/_toc-sidebar.scss
@@ -23,11 +23,14 @@
 .toc-link-container {
     a {
         color: var(--main-text-color) !important;
+        &:hover {
+            font-weight: 500;
+        }
     }
 
     a.active {
         color: var(--bold-color) !important;
-        font-weight: 600;
+        font-weight: 700;
     }
 }
 

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -152,7 +152,7 @@ $carousel-transition: transform 2s ease, opacity 1.5s ease-out .5s;
         }
     }
 
-    #toc-sidebar a,
+    #toc-sidebar a:not(.active),
     .dim-deep {
         opacity: 0.7;
         transition: opacity $transition-duration linear;
@@ -169,7 +169,7 @@ $carousel-transition: transform 2s ease, opacity 1.5s ease-out .5s;
         opacity: $opacity-low;
     }
 
-    #toc-sidebar a,
+    // #toc-sidebar,
     .dim-deep {
         opacity: $opacity-lower;
     }