From 717492ba198381afea94e9ca8f2f593024162f71 Mon Sep 17 00:00:00 2001
From: Utsob Roy <roy@utsob.me>
Date: Thu, 23 Feb 2023 15:26:53 +0600
Subject: [PATCH] Nested TOC fix (#83)

---
 .eleventy.js                             |  2 +-
 package-lock.json                        | 22 +++++++++++-----------
 package.json                             |  2 +-
 src/site/styles/digital-garden-base.scss | 11 +++++++++++
 4 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index fc872bb..43a41fd 100644
--- 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
index 9e551dd..21de14f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,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",
@@ -1439,12 +1439,12 @@
                 "to-ico": "^1.1.5"
             }
         },
-        "node_modules/eleventy-plugin-toc": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/eleventy-plugin-toc/-/eleventy-plugin-toc-1.1.5.tgz",
-            "integrity": "sha512-Fo5AZZSBH8CKvz0axJQA9nmnTFOflAMFrngaKER4rOz3C6oDwqxK8N+kNFepmIsieTPkrH+iREWLJ+/9j5JjUg==",
+        "node_modules/eleventy-plugin-nesting-toc": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/eleventy-plugin-nesting-toc/-/eleventy-plugin-nesting-toc-1.3.0.tgz",
+            "integrity": "sha512-WZzVkz28nw3A0DpJFQWXZzQxniyjvOZKxVix5x7WVAS0H1OD1hYJbR0go/Lr1kK2SrmxfbsUHUlekR+mQPvqMA==",
             "dependencies": {
-                "cheerio": "^1.0.0-rc.10"
+                "cheerio": "^1.0.0-rc.3"
             }
         },
         "node_modules/encodeurl": {
@@ -6441,12 +6441,12 @@
                 "to-ico": "^1.1.5"
             }
         },
-        "eleventy-plugin-toc": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/eleventy-plugin-toc/-/eleventy-plugin-toc-1.1.5.tgz",
-            "integrity": "sha512-Fo5AZZSBH8CKvz0axJQA9nmnTFOflAMFrngaKER4rOz3C6oDwqxK8N+kNFepmIsieTPkrH+iREWLJ+/9j5JjUg==",
+        "eleventy-plugin-nesting-toc": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/eleventy-plugin-nesting-toc/-/eleventy-plugin-nesting-toc-1.3.0.tgz",
+            "integrity": "sha512-WZzVkz28nw3A0DpJFQWXZzQxniyjvOZKxVix5x7WVAS0H1OD1hYJbR0go/Lr1kK2SrmxfbsUHUlekR+mQPvqMA==",
             "requires": {
-                "cheerio": "^1.0.0-rc.10"
+                "cheerio": "^1.0.0-rc.3"
             }
         },
         "encodeurl": {
diff --git a/package.json b/package.json
index f54409d..519e166 100644
--- 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
index 95bee68..9e0ace0 100644
--- 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 {