@knowcode/doc-builder 1.4.17 → 1.4.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -5,6 +5,18 @@ All notable changes to @knowcode/doc-builder will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [1.4.18] - 2025-07-21
9
+
10
+ ### Fixed
11
+ - Fixed responsive breakpoint - sidebar now remains visible on tablets (768px-1024px)
12
+ - Removed large gap above content on mobile devices
13
+ - Improved mobile layout consistency
14
+
15
+ ### Background
16
+ - Sidebar was disappearing at 1024px instead of 768px
17
+ - Mobile layout had excessive padding causing large gaps
18
+ - Now follows proper responsive design patterns for tablets vs mobile
19
+
8
20
  ## [1.4.17] - 2025-07-21
9
21
 
10
22
  ### Improved
@@ -959,7 +959,14 @@ tr:hover {
959
959
  }
960
960
 
961
961
  /* Responsive Design */
962
- @media (max-width: 1024px) {
962
+ /* Keep sidebar visible on tablets, hide only on mobile */
963
+
964
+ @media (max-width: 768px) {
965
+ .header-content {
966
+ padding: 0 var(--space-4);
967
+ }
968
+
969
+ /* Hide sidebar on mobile */
963
970
  .sidebar {
964
971
  transform: translateX(-100%);
965
972
  transition: transform var(--duration-normal) var(--easing-out);
@@ -983,21 +990,6 @@ tr:hover {
983
990
  }
984
991
  }
985
992
 
986
- @media (max-width: 768px) {
987
- .header-content {
988
- padding: 0 var(--space-4);
989
- }
990
-
991
- /* Adjust mobile layout when banner is visible */
992
- .main-wrapper.banner-visible {
993
- padding-top: calc(var(--header-height) + var(--breadcrumb-height) + 4rem);
994
- }
995
-
996
- .sidebar.banner-visible {
997
- top: calc(var(--header-height) + var(--breadcrumb-height) + 4rem);
998
- }
999
- }
1000
-
1001
993
  /* Mermaid Diagrams */
1002
994
  .mermaid {
1003
995
  background: var(--color-bg-secondary);
package/html/README.html CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
  <div class="header-actions">
31
31
  <div class="deployment-info">
32
- <span class="deployment-date" title="Built with doc-builder v1.4.17">Last updated: Jul 21, 2025, 04:26 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
33
33
  </div>
34
34
 
35
35
 
@@ -29,7 +29,7 @@
29
29
 
30
30
  <div class="header-actions">
31
31
  <div class="deployment-info">
32
- <span class="deployment-date" title="Built with doc-builder v1.4.17">Last updated: Jul 21, 2025, 04:26 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
33
33
  </div>
34
34
 
35
35
 
@@ -959,7 +959,14 @@ tr:hover {
959
959
  }
960
960
 
961
961
  /* Responsive Design */
962
- @media (max-width: 1024px) {
962
+ /* Keep sidebar visible on tablets, hide only on mobile */
963
+
964
+ @media (max-width: 768px) {
965
+ .header-content {
966
+ padding: 0 var(--space-4);
967
+ }
968
+
969
+ /* Hide sidebar on mobile */
963
970
  .sidebar {
964
971
  transform: translateX(-100%);
965
972
  transition: transform var(--duration-normal) var(--easing-out);
@@ -983,21 +990,6 @@ tr:hover {
983
990
  }
984
991
  }
985
992
 
986
- @media (max-width: 768px) {
987
- .header-content {
988
- padding: 0 var(--space-4);
989
- }
990
-
991
- /* Adjust mobile layout when banner is visible */
992
- .main-wrapper.banner-visible {
993
- padding-top: calc(var(--header-height) + var(--breadcrumb-height) + 4rem);
994
- }
995
-
996
- .sidebar.banner-visible {
997
- top: calc(var(--header-height) + var(--breadcrumb-height) + 4rem);
998
- }
999
- }
1000
-
1001
993
  /* Mermaid Diagrams */
1002
994
  .mermaid {
1003
995
  background: var(--color-bg-secondary);
@@ -29,7 +29,7 @@
29
29
 
30
30
  <div class="header-actions">
31
31
  <div class="deployment-info">
32
- <span class="deployment-date" title="Built with doc-builder v1.4.17">Last updated: Jul 21, 2025, 04:26 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
33
33
  </div>
34
34
 
35
35
 
@@ -29,7 +29,7 @@
29
29
 
30
30
  <div class="header-actions">
31
31
  <div class="deployment-info">
32
- <span class="deployment-date" title="Built with doc-builder v1.4.17">Last updated: Jul 21, 2025, 04:26 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
33
33
  </div>
34
34
 
35
35
 
package/html/index.html CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
  <div class="header-actions">
31
31
  <div class="deployment-info">
32
- <span class="deployment-date" title="Built with doc-builder v1.4.17">Last updated: Jul 21, 2025, 04:26 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
33
33
  </div>
34
34
 
35
35
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knowcode/doc-builder",
3
- "version": "1.4.17",
3
+ "version": "1.4.18",
4
4
  "description": "Reusable documentation builder for markdown-based sites with Vercel deployment support",
5
5
  "main": "index.js",
6
6
  "bin": {