Increase toc heading levels to h4

otzslayer · Jun 14, 2023 · 2128083 · 2128083
1 parent 697f4ed
commit 2128083
Show file tree

Hide file tree

Showing 10 changed files with 415 additions and 9 deletions.
diff --git a/_includes/toc.html b/_includes/toc.html
@@ -1,6 +1,6 @@
 {% assign enable_toc = false %}
 {% if site.toc and page.toc %}
-  {% if page.content contains '<h2' or page.content contains '<h3' %}
+  {% if page.content contains '<h2' or page.content contains '<h3' or page.content contains '<h4' %}
     {% assign enable_toc = true %}
   {% endif %}
 {% endif %}

diff --git a/_javascript/modules/components/toc.js b/_javascript/modules/components/toc.js
@@ -1,11 +1,13 @@
 export function toc() {
-  if (document.querySelector('#core-wrapper h2,#core-wrapper h3')) {
+  if (
+    document.querySelector('#core-wrapper h2,#core-wrapper h3,#core-wrapper h4')
+  ) {
     // see: https://github.com/tscanlin/tocbot#usage
     tocbot.init({
       tocSelector: '#toc',
       contentSelector: '.post-content',
       ignoreSelector: '[data-toc-skip]',
-      headingSelector: 'h2, h3',
+      headingSelector: 'h2, h3, h4',
       orderedList: false,
       scrollSmooth: false
     });

diff --git a/_sass/layout/archives.scss b/_sass/layout/archives.scss
@@ -110,6 +110,7 @@
     margin-left: 2.5rem;
     position: relative;
     top: 0.1rem;
+    font-size: 1rem;
 
     &:hover {
       border-bottom: none;

diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss
@@ -320,6 +320,11 @@ h1 + .post-meta {
       a {
         padding-left: 2rem;
       }
+      ul {
+        a {
+          padding-left: 3rem;
+        }
+      }
     }
   }
 }

diff --git a/assets/js/dist/categories.min.js b/assets/js/dist/categories.min.js
diff --git a/assets/js/dist/commons.min.js b/assets/js/dist/commons.min.js