ShadowsOverWestgate/sow-nodebb-theme
3
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Activity

fix(wiki): cap reading column so prose doesn't drift right on ToC-less pages

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
archvillainette
2026-07-23 21:22:11 +02:00
co-authored by Claude Opus 4.8
parent b392b07456
commit 784d62f6cc
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/westgate/_wiki-prose.scss
+20
View File
@@ -217,6 +217,26 @@
.westgate-wiki .wiki-with-fab:has(.wiki-article-drawer--toc:not([hidden])) .wiki-content-layout { .westgate-wiki .wiki-with-fab:has(.wiki-article-drawer--toc:not([hidden])) .wiki-content-layout {
max-width: 58rem; 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 { .westgate-wiki .wiki-article-prose {