feat: show toc on mobile screens (#1964)

2025-12-20 14:42:46 +00:00 · 2024-10-11 18:32:10 +04:00
parent 740bd84c51
commit 8a064a5e5a
13 changed files with 429 additions and 29 deletions
--- a/_javascript/modules/components/toc/toc-desktop.js
+++ b/_javascript/modules/components/toc/toc-desktop.js
@@ -0,0 +1,22 @@
+export class TocDesktop {
+  /* Tocbot options Ref: https://github.com/tscanlin/tocbot#usage */
+  static options = {
+    tocSelector: '#toc',
+    contentSelector: '.content',
+    ignoreSelector: '[data-toc-skip]',
+    headingSelector: 'h2, h3, h4',
+    orderedList: false,
+    scrollSmooth: false,
+    headingsOffset: 16 * 2 // 2rem
+  };
+
+  static refresh() {
+    tocbot.refresh(this.options);
+  }
+
+  static init() {
+    if (document.getElementById('toc-wrapper')) {
+      tocbot.init(this.options);
+    }
+  }
+}