Documentation manual: cap intro header width so it flows with the page
This commit is contained in:
@@ -242,3 +242,5 @@ Roughly in priority order:
|
||||
`v0.16.58` fixes the Gateway events column-width fix from v0.16.57 not actually taking effect. The table carries two classes, `performance-table event-table`, and the generic `.performance-table th:nth-child(n+2){width:11.1%;text-align:center}` rule sits later in styles.css than the `.event-table` column rules added in v0.16.57 -- at equal CSS specificity, source order decides, so the later generic rule was silently winning and the fixed pixel widths never applied. The `.event-table` column selectors are now written as `table.event-table th:nth-child(n)`, adding the `table` type selector so they outrank `.performance-table`'s rules by specificity regardless of where either appears in the file; the Severity/Category text also moves from centered to left-aligned, matching the Access requests table and removing the awkward centered-in-a-wide-column look that was part of the same complaint.
|
||||
|
||||
`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 `<div>` 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.
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "site-gateway",
|
||||
"version": "0.16.59",
|
||||
"version": "0.16.60",
|
||||
"private": true,
|
||||
"description": "Site Gateway: simple self-hosted website publishing, reverse proxying, and automatic HTTPS.",
|
||||
"type": "module",
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<title>Site Gateway</title>
|
||||
<meta name="description" content="Host sites, proxy services, and manage HTTPS from one simple dashboard.">
|
||||
<link rel="icon" type="image/png" href="/site-gateway-icon-approved.png">
|
||||
<link rel="stylesheet" href="/styles.css?v=0.16.59">
|
||||
<link rel="stylesheet" href="/styles.css?v=0.16.60">
|
||||
</head>
|
||||
|
||||
<!-- ================================================================
|
||||
@@ -451,6 +451,6 @@
|
||||
<div id="toast" class="toast" role="status"></div>
|
||||
<div id="update-banner" class="update-banner hidden" role="status"><span>A new version of Site Gateway is available.</span><div class="update-banner-actions"><button id="update-banner-refresh" class="button primary">Refresh</button><button id="update-banner-dismiss" class="text-button">Dismiss</button></div></div>
|
||||
<!-- App scripts: core (app.js) then extended views/admin (features.js) -->
|
||||
<script src="/app.js?v=0.16.59" defer></script><script src="/features.js?v=0.16.59" defer></script><script src="/select-enhance.js?v=0.16.59" defer></script>
|
||||
<script src="/app.js?v=0.16.60" defer></script><script src="/features.js?v=0.16.60" defer></script><script src="/select-enhance.js?v=0.16.60" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -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}
|
||||
.docs-intro{text-align:left;max-width:900px;margin-left:auto;margin-right:auto}
|
||||
.docs-intro>p:not(.eyebrow){margin-left:0;margin-right:0}
|
||||
.docs-search-panel{margin-left:0;margin-right:0}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user