@knowcode/doc-builder 1.10.8 → 1.10.10

package/assets/css/notion-style.css

@@ -597,7 +597,7 @@ pre code {
 }
 
 .nav-section {
-  margin-bottom: var(--space-0-5);
+  margin-bottom: 1px;
 }
 
 .nav-section[data-level="0"] {
@@ -605,19 +605,19 @@ pre code {
 }
 
 .nav-section[data-level="1"] {
-  margin-left: var(--space-2);
-  margin-bottom: var(--space-0-5);
+  margin-left: 4px;
+  margin-bottom: 1px;
 }
 
 .nav-section[data-level="2"] {
-  margin-left: var(--space-4);
-  margin-bottom: var(--space-0-5);
+  margin-left: 8px;
+  margin-bottom: 1px;
 }
 
 .nav-title {
   display: flex;
   align-items: center;
-  padding: var(--space-0-5) var(--space-3);
+  padding: 1px var(--space-3);
   font-size: var(--text-sm);
   font-weight: var(--font-medium);
   color: var(--color-text-secondary);
@@ -629,11 +629,11 @@ pre code {
 
 /* Indent nav titles based on their level */
 .nav-section[data-level="1"] .nav-title {
-  padding-left: calc(var(--space-3) + var(--space-2));
+  padding-left: calc(var(--space-1-5) + var(--space-1));
 }
 
 .nav-section[data-level="2"] .nav-title {
-  padding-left: calc(var(--space-3) + var(--space-4));
+  padding-left: calc(var(--space-1-5) + var(--space-2));
 }
 
 .nav-title:hover {
@@ -668,7 +668,7 @@ pre code {
 .nav-item {
   display: flex;
   align-items: center;
-  padding: var(--space-0-5) var(--space-3);
+  padding: 1px var(--space-3);
   font-size: var(--text-sm);
   color: var(--color-text-primary);
   text-decoration: none;
@@ -680,15 +680,15 @@ pre code {
 
 /* Indent nav items based on their parent section level */
 .nav-section[data-level="0"] .nav-item {
-  padding-left: calc(var(--space-3) + var(--space-3));
+  padding-left: calc(var(--space-1-5) + var(--space-1-5));
 }
 
 .nav-section[data-level="1"] .nav-item {
-  padding-left: calc(var(--space-3) + var(--space-5));
+  padding-left: 16px;
 }
 
 .nav-section[data-level="2"] .nav-item {
-  padding-left: calc(var(--space-3) + var(--space-6));
+  padding-left: 18px;
 }
 
 .nav-item:hover {
@@ -1975,7 +1975,7 @@ tr:hover {
 
 /* Navigation Sections */
 .nav-section {
-  margin-bottom: var(--space-1);
+  margin-bottom: 2px;
 }
 
 .nav-title {
@@ -2011,7 +2011,7 @@ tr:hover {
 }
 
 .nav-content {
-  padding-left: var(--space-4);
+  padding-left: 8px;
   overflow: hidden;
   transition: max-height var(--duration-normal), opacity var(--duration-normal);
 }

package/assets/js/main.js

@@ -1090,22 +1090,29 @@ function initCollapsibleNavigation() {
       
       if (content) {
         const isExpanded = title.classList.contains('expanded');
-        
+
         if (isExpanded) {
           // Collapse this section
           title.classList.remove('expanded');
           content.classList.add('collapsed');
-          
-          // Also collapse all child sections within this content
-          const childSections = content.querySelectorAll('.nav-title.collapsible');
-          childSections.forEach(childTitle => {
-            const childTargetId = childTitle.getAttribute('data-target');
-            const childContent = document.getElementById(childTargetId);
-            if (childContent) {
-              childTitle.classList.remove('expanded');
-              childContent.classList.add('collapsed');
-            }
-          });
+
+          // Recursively collapse ALL nested submenus
+          const collapseAllNested = (parentContent) => {
+            const childSections = parentContent.querySelectorAll('.nav-title.collapsible');
+            childSections.forEach(childTitle => {
+              const childTargetId = childTitle.getAttribute('data-target');
+              const childContent = document.getElementById(childTargetId);
+              if (childContent) {
+                childTitle.classList.remove('expanded');
+                childContent.classList.add('collapsed');
+                // Recursively collapse any nested children
+                collapseAllNested(childContent);
+              }
+            });
+          };
+
+          // Collapse all nested content
+          collapseAllNested(content);
         } else {
           // Expand this section
           title.classList.add('expanded');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knowcode/doc-builder",
-  "version": "1.10.8",
+  "version": "1.10.10",
   "description": "Reusable documentation builder for markdown-based sites with Vercel deployment support",
   "main": "index.js",
   "bin": {