Nested TOC fix (#83)

oleeskild · Feb 23, 2023 · 717492b · 717492b
1 parent 486a8a2
commit 717492b
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 13 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -3,7 +3,7 @@ const markdownIt = require("markdown-it");
 const fs = require("fs");
 const matter = require("gray-matter");
 const faviconPlugin = require("eleventy-favicon");
-const tocPlugin = require("eleventy-plugin-toc");
+const tocPlugin = require("eleventy-plugin-nesting-toc");
 const { parse } = require("node-html-parser");
 
 const { headerToId, namedHeadingsFilter } = require("./src/helpers/utils");

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
         "axios": "^1.2.2",
         "dotenv": "^16.0.3",
         "eleventy-favicon": "^1.1.2",
-        "eleventy-plugin-toc": "^1.1.5",
+        "eleventy-plugin-nesting-toc": "^1.3.0",
         "fs-file-tree": "^1.1.1",
         "glob": "^8.1.0",
         "gray-matter": "^4.0.3",

diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
@@ -132,6 +132,17 @@ ul.task-list {
     background-color: var(--background-primary);
     padding: 10px;
     border-radius: 10px;
+
+    ol {
+        list-style: none;
+        padding-left: 10px;
+        border-left: 2px solid var(--background-secondary);
+    }
+
+    & > ol {
+        padding-left: 0;
+        border-left: none;
+    }
 }
 
 .toc-container {