WorkRoot/WRNexusJSDoc
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: expand full-width guides and package navigation

Browse Source
This commit is contained in:
Clintchiz
2026-08-10 14:18:31 +05:30
parent 19b3c9a7cd
commit c767435cc0
94 changed files with 1442 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/styles/global.css
+69
View File
@@ -203,6 +203,45 @@
}
}
/* Documentation v4: use the available viewport while preserving navigation. */
.portal-main.docs-layout--navigation {
width: calc(100% - clamp(1.5rem, 4vw, 5rem));
max-width: none;
grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr) minmax(12rem, 15rem);
gap: clamp(1.5rem, 3vw, 3.5rem);
}
.docs-reading-column,
.docs-reading-column .documentation.prose,
.docs-reading-column .documentation.standalone,
.docs-reading-column .package-document,
.package-index-document {
width: 100%;
max-width: none;
}
.docs-section-menu .package-menu {
padding-top: 0.25rem;
border-top: 1px solid var(--border);
}
.docs-section-menu .package-menu a {
overflow-wrap: anywhere;
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 0.75rem;
}
.package-index-document .package-grid {
grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}
@media (max-width: 1080px) {
.portal-main.docs-layout--navigation {
grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
}
}
@media (max-width: 640px) {
.portal-main.docs-layout--navigation {
width: calc(100% - 1.25rem);
grid-template-columns: minmax(0, 1fr);
}
}
/* Documentation v3: editorial hierarchy, not a dashboard of cards. */
.documentation.prose,
.package-document,
@@ -371,6 +410,36 @@
}
}
/* Final documentation width contract; keep after legacy theme layers. */
body .portal-main.docs-layout--navigation {
width: calc(100% - clamp(1.5rem, 4vw, 5rem));
max-width: none;
grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr) minmax(12rem, 15rem);
gap: clamp(1.5rem, 3vw, 3.5rem);
}
body .docs-reading-column,
body .docs-reading-column .documentation.prose,
body .docs-reading-column .documentation.standalone,
body .docs-reading-column .package-document,
body .package-index-document {
width: 100%;
max-width: none;
}
body .package-index-document .package-grid {
grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}
@media (max-width: 1080px) {
body .portal-main.docs-layout--navigation {
grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
}
}
@media (max-width: 640px) {
body .portal-main.docs-layout--navigation {
width: calc(100% - 1.25rem);
grid-template-columns: minmax(0, 1fr);
}
}
/* Documentation v4: remove every legacy card-shaped documentation shell. */
body .topbar nav {
gap: 1.75rem;