@knowcode/doc-builder 1.4.19 → 1.4.21

package/CHANGELOG.md

@@ -5,6 +5,31 @@ All notable changes to @knowcode/doc-builder will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.4.21] - 2025-07-21
+
+### Fixed
+- Fixed hidden sidebar still taking up vertical space on mobile
+- Made sidebar absolutely positioned on mobile to remove it from document flow
+- Eliminated the gap that matched the collapsed menu height
+
+### Background
+- Sidebar was hidden with translateX but still occupied 250px in the flex column
+- This created a gap exactly the height of the collapsed menu
+- Now sidebar is position: absolute on mobile, completely removing it from layout
+
+## [1.4.20] - 2025-07-21
+
+### Fixed
+- Properly fixed the persistent white gap at 768px breakpoint
+- Resolved conflicting media query styles
+- Kept breadcrumbs in fixed position on mobile
+
+### Background
+- Multiple 768px media queries were conflicting with each other
+- Last media query was changing breadcrumbs to relative positioning
+- This caused double spacing (margin + breadcrumb height)
+- Now breadcrumbs remain fixed and margin-top properly accounts for both elements
+
 ## [1.4.19] - 2025-07-21
 
 ### Fixed

package/assets/css/notion-style.css

@@ -954,6 +954,11 @@ tr:hover {
   
   /* Hide sidebar on mobile */
   .sidebar {
+    position: absolute;
+    top: calc(var(--header-height) + var(--breadcrumb-height));
+    left: 0;
+    height: calc(100vh - var(--header-height) - var(--breadcrumb-height));
+    z-index: 999;
     transform: translateX(-100%);
     transition: transform var(--duration-normal) var(--easing-out);
   }
@@ -1585,14 +1590,10 @@ tr:hover {
     flex-direction: column;
     height: auto;
     min-height: calc(100vh - var(--header-height) - var(--breadcrumb-height));
+    margin-top: calc(var(--header-height) + var(--breadcrumb-height)); /* Account for both fixed elements */
   }
   
-  .sidebar {
-    width: 100%;
-    max-height: 250px;
-    border-right: none;
-    border-bottom: 1px solid var(--color-border-default);
-  }
+  /* Sidebar positioning handled in earlier media query */
   
   .content {
     padding: var(--space-4);
@@ -1613,10 +1614,7 @@ tr:hover {
     top: 0;
   }
   
-  .breadcrumbs {
-    position: relative;
-    top: 0;
-  }
+  /* Keep breadcrumbs fixed on mobile to prevent double spacing */
 }
 
 /* Navigation Sections */

package/html/README.html

@@ -29,7 +29,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 21, 2025, 06:12 PM UTC</span>
                 </div>
                 
                 

package/html/claude-workflow-guide.html

@@ -29,7 +29,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 21, 2025, 06:12 PM UTC</span>
                 </div>
                 
                 

package/html/css/notion-style.css

@@ -954,6 +954,11 @@ tr:hover {
   
   /* Hide sidebar on mobile */
   .sidebar {
+    position: absolute;
+    top: calc(var(--header-height) + var(--breadcrumb-height));
+    left: 0;
+    height: calc(100vh - var(--header-height) - var(--breadcrumb-height));
+    z-index: 999;
     transform: translateX(-100%);
     transition: transform var(--duration-normal) var(--easing-out);
   }
@@ -1585,14 +1590,10 @@ tr:hover {
     flex-direction: column;
     height: auto;
     min-height: calc(100vh - var(--header-height) - var(--breadcrumb-height));
+    margin-top: calc(var(--header-height) + var(--breadcrumb-height)); /* Account for both fixed elements */
   }
   
-  .sidebar {
-    width: 100%;
-    max-height: 250px;
-    border-right: none;
-    border-bottom: 1px solid var(--color-border-default);
-  }
+  /* Sidebar positioning handled in earlier media query */
   
   .content {
     padding: var(--space-4);
@@ -1613,10 +1614,7 @@ tr:hover {
     top: 0;
   }
   
-  .breadcrumbs {
-    position: relative;
-    top: 0;
-  }
+  /* Keep breadcrumbs fixed on mobile to prevent double spacing */
 }
 
 /* Navigation Sections */

package/html/documentation-index.html

@@ -29,7 +29,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 21, 2025, 06:12 PM UTC</span>
                 </div>
                 
                 

package/html/guides/document-standards.html

@@ -29,7 +29,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 21, 2025, 06:12 PM UTC</span>
                 </div>
                 
                 

package/html/index.html

@@ -29,7 +29,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 21, 2025, 06:12 PM UTC</span>
                 </div>
                 
                 

package/package.json

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