@knowcode/doc-builder 1.1.11 → 1.1.12
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 +20 -0
- package/assets/css/notion-style.css +40 -5
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,26 @@ 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.1.12] - 2025-07-19
|
|
9
|
+
|
|
10
|
+
### Fixed (MAJOR)
|
|
11
|
+
- **Fixed sidebar layout** - Navigation now appears as fixed-width left sidebar instead of above content
|
|
12
|
+
- Added proper flexbox container layout with fixed sidebar positioning
|
|
13
|
+
- Navigation is now 280px fixed width on left side with proper scrolling
|
|
14
|
+
- Content area properly offset to account for sidebar width
|
|
15
|
+
|
|
16
|
+
### Added
|
|
17
|
+
- Container flexbox layout for proper sidebar + content structure
|
|
18
|
+
- Fixed navigation positioning with proper z-index and boundaries
|
|
19
|
+
- Mobile responsive layout - sidebar becomes horizontal bar on mobile
|
|
20
|
+
- Proper scrolling for both navigation and content areas
|
|
21
|
+
|
|
22
|
+
### Visual Changes
|
|
23
|
+
- Navigation background set to secondary color with right border
|
|
24
|
+
- Content area now takes full remaining width after sidebar
|
|
25
|
+
- Proper spacing and padding for both sidebar and content
|
|
26
|
+
- Mobile layout stacks navigation above content
|
|
27
|
+
|
|
8
28
|
## [1.1.11] - 2025-07-19
|
|
9
29
|
|
|
10
30
|
### Fixed (MAJOR)
|
|
@@ -372,13 +372,26 @@ pre code {
|
|
|
372
372
|
font-size: var(--text-sm);
|
|
373
373
|
}
|
|
374
374
|
|
|
375
|
+
/* Layout Container */
|
|
376
|
+
.container {
|
|
377
|
+
display: flex;
|
|
378
|
+
height: calc(100vh - var(--header-height));
|
|
379
|
+
overflow: hidden;
|
|
380
|
+
}
|
|
381
|
+
|
|
375
382
|
/* Navigation */
|
|
376
383
|
.navigation {
|
|
384
|
+
width: var(--sidebar-width);
|
|
385
|
+
background: var(--color-bg-secondary);
|
|
386
|
+
border-right: 1px solid var(--color-border-default);
|
|
377
387
|
padding: var(--space-2);
|
|
378
388
|
overflow-y: auto;
|
|
379
389
|
overflow-x: visible;
|
|
380
|
-
|
|
381
|
-
|
|
390
|
+
position: fixed;
|
|
391
|
+
top: var(--header-height);
|
|
392
|
+
left: 0;
|
|
393
|
+
height: calc(100vh - var(--header-height));
|
|
394
|
+
z-index: 100;
|
|
382
395
|
|
|
383
396
|
/* Scrollbar styling */
|
|
384
397
|
scrollbar-width: thin;
|
|
@@ -531,9 +544,10 @@ pre code {
|
|
|
531
544
|
.content {
|
|
532
545
|
flex: 1;
|
|
533
546
|
margin-left: var(--sidebar-width);
|
|
534
|
-
padding: var(--space-
|
|
535
|
-
|
|
536
|
-
|
|
547
|
+
padding: var(--space-6) var(--space-8);
|
|
548
|
+
overflow-y: auto;
|
|
549
|
+
height: calc(100vh - var(--header-height));
|
|
550
|
+
max-width: none;
|
|
537
551
|
}
|
|
538
552
|
|
|
539
553
|
.content-inner {
|
|
@@ -1459,6 +1473,27 @@ tr:hover {
|
|
|
1459
1473
|
[data-tooltip]::after {
|
|
1460
1474
|
display: none;
|
|
1461
1475
|
}
|
|
1476
|
+
|
|
1477
|
+
.container {
|
|
1478
|
+
flex-direction: column;
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1481
|
+
.navigation {
|
|
1482
|
+
position: relative;
|
|
1483
|
+
width: 100%;
|
|
1484
|
+
height: auto;
|
|
1485
|
+
max-height: 200px;
|
|
1486
|
+
top: 0;
|
|
1487
|
+
left: 0;
|
|
1488
|
+
border-right: none;
|
|
1489
|
+
border-bottom: 1px solid var(--color-border-default);
|
|
1490
|
+
}
|
|
1491
|
+
|
|
1492
|
+
.content {
|
|
1493
|
+
margin-left: 0;
|
|
1494
|
+
height: auto;
|
|
1495
|
+
min-height: calc(100vh - var(--header-height) - 200px);
|
|
1496
|
+
}
|
|
1462
1497
|
}
|
|
1463
1498
|
|
|
1464
1499
|
/* Navigation: Enhanced for all structures */
|