From 9a81453b86f558c0c549463e2b9feae3da98801c Mon Sep 17 00:00:00 2001 From: Marvin Wade Date: Sun, 20 Sep 2026 13:02:44 -0400 Subject: [PATCH] Revert v0.16.60 panel-centering, fix Documentation intro empty-space correctly --- ROADMAP.md | 4 +++- package.json | 2 +- src/public/index.html | 4 ++-- src/public/styles.css | 4 ++-- 4 files changed, 8 insertions(+), 6 deletions(-) diff --git a/ROADMAP.md b/ROADMAP.md index 387f3fb..b635105 100644 --- a/ROADMAP.md +++ b/ROADMAP.md @@ -243,4 +243,6 @@ Roughly in priority order: `v0.16.59` is a release-readiness cleanup pass, prompted by an upcoming public release: a genuine CSS bug, and several stale claims in the in-app Documentation manual that had drifted from what the app actually does after the Certificates/Logs/Runtime work in v0.16.51 through v0.16.58. Fixed: the Documentation page's intro paragraph was rendering in the bright body-text color instead of muted gray, because the CSS rule targeting it used `p:last-child`, which stopped matching once the search box `
` was added after it as the real last child -- it now has its own dedicated class instead of relying on element position. In the manual itself: the Certificates overview article said Upstream health only applied to Proxy Hosts (true before v0.16.52, not since); the Certificates field-reference article said certificate detail came from "expanding" a row and that thresholds were set from a nonexistent "Administration -> Security & Health" location (they're on the Certificates page itself, both predating and unrelated to this session's changes); the Dashboard and System articles' Scheduled Jobs lists were missing the database-integrity and disk-usage-refresh jobs added in v0.16.56; the System article still claimed the Disk usage breakdown showed total/remaining capacity, which moved to the Runtime panel's Disk stat in v0.16.57; and neither the Dashboard nor System Runtime sections mentioned the value-text threshold coloring added in v0.16.57. The Logs article also picked up one clarifying sentence noting Gateway Events now has the same pinned column-header behavior as Access Logs. Outside the app: the README version badge and the ZimaOS App Store manifest's `version`/`update_at` fields were several releases stale (0.16.50 and 0.11.101 respectively) and are now current. -`v0.16.60` fixes the Documentation manual's intro header, which sat as a full-width bordered panel with no cap on its content width -- on wide screens the eyebrow, heading, and lede paragraph (already capped at 850px) left a large block of empty space to their right inside the panel, since nothing constrained the panel itself. The intro block now has its own max-width (900px), centered within the page the same way the rest of the manual's reading column is, so the header reads as one balanced block instead of left-aligned text trailing off into open space. +`v0.16.60` fixes the Documentation manual's intro header leaving a large block of empty space on wide screens, by capping the whole `.docs-intro` panel at 900px and centering it. Shipped, then reported back as visibly worse: centering the panel broke its alignment with the Contents sidebar and article panel in `.docs-layout` directly below it, which both remain full-width -- the intro now floats disconnected in the middle of the page instead of lining up with the rest of the manual. + +`v0.16.61` reverts v0.16.60's panel-centering approach and fixes the same empty-space issue correctly. The actual cause was the lede paragraph's own `max-width:850px`, set inside a `.docs-intro` panel that already spans the full reading-column width (matching the Contents sidebar + article layout beneath it) -- the paragraph simply stopped well short of the panel's real width. Removing that max-width lets the paragraph flow to fill the panel it already sits in, while the panel itself stays full-width and aligned with the rest of the manual, exactly as it was before v0.16.60. diff --git a/package.json b/package.json index 698a705..78ae38d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "site-gateway", - "version": "0.16.60", + "version": "0.16.61", "private": true, "description": "Site Gateway: simple self-hosted website publishing, reverse proxying, and automatic HTTPS.", "type": "module", diff --git a/src/public/index.html b/src/public/index.html index 1e9c228..8dca90c 100644 --- a/src/public/index.html +++ b/src/public/index.html @@ -8,7 +8,7 @@ Site Gateway - + - + diff --git a/src/public/styles.css b/src/public/styles.css index 6c36e37..7007ed6 100644 --- a/src/public/styles.css +++ b/src/public/styles.css @@ -688,7 +688,7 @@ dialog{max-height:calc(100vh - 28px);overflow:auto} /* Documentation manual: intro & search */ .docs-intro{margin-bottom:22px;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);color:var(--text)} .docs-intro h2{margin:0 0 10px} -.docs-intro .docs-lede{margin:0;color:var(--muted);max-width:850px;line-height:1.6} +.docs-intro .docs-lede{margin:0;color:var(--muted);line-height:1.6} .docs-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start} .docs-nav{position:sticky;top:18px;height:calc(100vh - 170px);overflow:auto;display:grid;align-content:start;gap:6px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--panel)} .docs-nav .eyebrow{margin:var(--space-1) 8px 8px} @@ -719,7 +719,7 @@ dialog{max-height:calc(100vh - 28px);overflow:auto} .docs{display:block} .docs-intro{grid-column:1/-1} .docs-layout{width:100%} -.docs-intro{text-align:left;max-width:900px;margin-left:auto;margin-right:auto} +.docs-intro{text-align:left} .docs-intro>p:not(.eyebrow){margin-left:0;margin-right:0} .docs-search-panel{margin-left:0;margin-right:0}