From 784d62f6cc56a95025d514d41e5039f9316c0311 Mon Sep 17 00:00:00 2001 From: vickydotbat Date: Thu, 23 Jul 2026 21:22:11 +0200 Subject: [PATCH] fix(wiki): cap reading column so prose doesn't drift right on ToC-less pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The reading-layout rule caps each prose block at --wiki-prose-measure (54rem) and centers it with margin-inline:auto. That centering only looks right when the content column is ~58rem, which the theme sets up only while a ToC drawer is open. Pages without a ToC (most feats, short articles) run the card full page width, so the capped paragraph centers inside it with big side gutters that read as a broken left indent — while the full-width callout and fact table make the paragraph look inset. text-align:justify is the sibling rule in the same block, not the cause. Cap the reading column itself (and the compose editing surface, which shares the .westgate-wiki scope) to 58rem so the card hugs the text on every article page, matching the ToC layout. Section/namespace-index listings opt out and keep running full-width. Co-Authored-By: Claude Opus 4.8 (1M context) --- scss/westgate/_wiki-prose.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/scss/westgate/_wiki-prose.scss b/scss/westgate/_wiki-prose.scss index 2da3935..a55b0d3 100644 --- a/scss/westgate/_wiki-prose.scss +++ b/scss/westgate/_wiki-prose.scss @@ -217,6 +217,26 @@ .westgate-wiki .wiki-with-fab:has(.wiki-article-drawer--toc:not([hidden])) .wiki-content-layout { max-width: 58rem; } + + /* Pages without a docked ToC column have nothing to absorb the leftover + width, so the full-bleed card left the measure-capped, margin-inline:auto'd + prose blocks floating in a wide column with big side gutters — reads as a + broken left indent (#31). Cap the reading column itself so the card hugs + the text on every article page, matching the ToC layout. Section listings + (.wiki-with-fab--section) opt out: they run full-width, left. */ + .westgate-wiki .wiki-with-fab:not(.wiki-with-fab--section) .wiki-content-layout { + max-width: 58rem; + margin-inline: auto; + } + + /* Same leak in the compose editor: the root carries .westgate-wiki, so the + measure-cap + margin-inline:auto centers the editable prose in a + full-width editor and the text drifts right of the callout/table. Cap the + editing surface to match the read layout. */ + .westgate-wiki-compose .wiki-compose-editor.wiki-article-prose { + max-width: 58rem; + margin-inline: auto; + } } .westgate-wiki .wiki-article-prose {