@knowcode/doc-builder 1.4.18 → 1.4.19

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.19] - 2025-07-21
9
+
10
+ ### Fixed
11
+ - Fixed large white gap appearing at 768px breakpoint
12
+ - Removed duplicate CSS definitions for breadcrumbs
13
+ - Corrected margin-top calculation for mobile layout
14
+
15
+ ### Background
16
+ - Duplicate breadcrumb CSS definitions were causing conflicts
17
+ - Main wrapper had incorrect margin-top on mobile (80px instead of 40px)
18
+ - Now properly accounts for only the fixed header height on mobile
19
+
8
20
  ## [1.4.18] - 2025-07-21
9
21
 
10
22
  ### Fixed
@@ -443,26 +443,7 @@ pre code {
443
443
  color: var(--color-text-primary);
444
444
  }
445
445
 
446
- /* Breadcrumbs */
447
- .breadcrumbs {
448
- background: var(--color-bg-default);
449
- border-bottom: 1px solid var(--color-border-default);
450
- padding: var(--space-2) 0;
451
- position: fixed;
452
- top: var(--header-height);
453
- left: 0;
454
- right: 0;
455
- z-index: 900;
456
- transition: top var(--duration-normal);
457
- }
458
-
459
- .breadcrumbs.banner-visible {
460
- top: calc(var(--header-height) + 3.5rem);
461
- }
462
-
463
- .breadcrumbs:not(.banner-visible) {
464
- top: var(--header-height);
465
- }
446
+ /* Breadcrumbs - definition moved to line 888 to avoid duplication */
466
447
 
467
448
  .breadcrumb-item {
468
449
  display: inline-flex;
@@ -899,10 +880,18 @@ tr:hover {
899
880
  right: 0;
900
881
  height: var(--breadcrumb-height);
901
882
  z-index: 900;
902
- transition: background-color var(--duration-normal);
883
+ transition: top var(--duration-normal), background-color var(--duration-normal);
903
884
  gap: var(--space-2);
904
885
  }
905
886
 
887
+ .breadcrumbs.banner-visible {
888
+ top: calc(var(--header-height) + 3.5rem);
889
+ }
890
+
891
+ .breadcrumbs:not(.banner-visible) {
892
+ top: var(--header-height);
893
+ }
894
+
906
895
  .breadcrumb-item {
907
896
  display: flex;
908
897
  align-items: center;
@@ -942,10 +931,7 @@ tr:hover {
942
931
  opacity: 1;
943
932
  }
944
933
 
945
- /* Adjust breadcrumbs when banner is visible */
946
- .breadcrumbs.banner-visible {
947
- top: calc(var(--header-height) + 3.5rem);
948
- }
934
+ /* Banner visibility handled in main breadcrumbs definition */
949
935
 
950
936
  /* Menu Toggle (Mobile) */
951
937
  .menu-toggle {
@@ -978,6 +964,7 @@ tr:hover {
978
964
 
979
965
  .main-wrapper {
980
966
  margin-left: 0;
967
+ margin-top: var(--header-height); /* Only account for fixed header on mobile */
981
968
  }
982
969
 
983
970
  .content {
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.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 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.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 PM UTC</span>
33
33
  </div>
34
34
 
35
35
 
@@ -443,26 +443,7 @@ pre code {
443
443
  color: var(--color-text-primary);
444
444
  }
445
445
 
446
- /* Breadcrumbs */
447
- .breadcrumbs {
448
- background: var(--color-bg-default);
449
- border-bottom: 1px solid var(--color-border-default);
450
- padding: var(--space-2) 0;
451
- position: fixed;
452
- top: var(--header-height);
453
- left: 0;
454
- right: 0;
455
- z-index: 900;
456
- transition: top var(--duration-normal);
457
- }
458
-
459
- .breadcrumbs.banner-visible {
460
- top: calc(var(--header-height) + 3.5rem);
461
- }
462
-
463
- .breadcrumbs:not(.banner-visible) {
464
- top: var(--header-height);
465
- }
446
+ /* Breadcrumbs - definition moved to line 888 to avoid duplication */
466
447
 
467
448
  .breadcrumb-item {
468
449
  display: inline-flex;
@@ -899,10 +880,18 @@ tr:hover {
899
880
  right: 0;
900
881
  height: var(--breadcrumb-height);
901
882
  z-index: 900;
902
- transition: background-color var(--duration-normal);
883
+ transition: top var(--duration-normal), background-color var(--duration-normal);
903
884
  gap: var(--space-2);
904
885
  }
905
886
 
887
+ .breadcrumbs.banner-visible {
888
+ top: calc(var(--header-height) + 3.5rem);
889
+ }
890
+
891
+ .breadcrumbs:not(.banner-visible) {
892
+ top: var(--header-height);
893
+ }
894
+
906
895
  .breadcrumb-item {
907
896
  display: flex;
908
897
  align-items: center;
@@ -942,10 +931,7 @@ tr:hover {
942
931
  opacity: 1;
943
932
  }
944
933
 
945
- /* Adjust breadcrumbs when banner is visible */
946
- .breadcrumbs.banner-visible {
947
- top: calc(var(--header-height) + 3.5rem);
948
- }
934
+ /* Banner visibility handled in main breadcrumbs definition */
949
935
 
950
936
  /* Menu Toggle (Mobile) */
951
937
  .menu-toggle {
@@ -978,6 +964,7 @@ tr:hover {
978
964
 
979
965
  .main-wrapper {
980
966
  margin-left: 0;
967
+ margin-top: var(--header-height); /* Only account for fixed header on mobile */
981
968
  }
982
969
 
983
970
  .content {
@@ -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.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 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.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 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.18">Last updated: Jul 21, 2025, 04:32 PM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.19">Last updated: Jul 21, 2025, 05:36 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.18",
3
+ "version": "1.4.19",
4
4
  "description": "Reusable documentation builder for markdown-based sites with Vercel deployment support",
5
5
  "main": "index.js",
6
6
  "bin": {