fix(wiki): stop justifying text in tables, quotes, and code (#39)
Justified alignment in `.wiki-article-prose` stretched bulleted `li`s inside table cells into ugly whitespace rivers (visible on spell/list tables). Now justify only applies to real reading prose (`p`, `li`), and alignment resets to `start` (hyphens off) inside `table`, `blockquote`, and `pre`. Single-file SCSS change: `scss/westgate/_wiki-prose.scss`. NodeBB recompiles the theme SCSS on build/reload.Reviewed-on: #39 Co-authored-by: vickydotbat <vickydotbat@tutamail.com>
This commit was merged in pull request #39.
This commit is contained in:
@@ -227,11 +227,20 @@
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.westgate-wiki .wiki-article-prose :where(p, li, blockquote) {
|
||||
.westgate-wiki .wiki-article-prose :where(p, li) {
|
||||
hyphens: auto;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* Justify only reading prose. Table cells (bulleted lists get stretched into
|
||||
ugly rivers), quote blocks, and code should read left/inherited, not
|
||||
justified. */
|
||||
.westgate-wiki .wiki-article-prose :where(table, blockquote, pre) :where(p, li),
|
||||
.westgate-wiki .wiki-article-prose :where(blockquote, pre) {
|
||||
hyphens: none;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/* The namespace index / section listing card reuses .wiki-article-prose for
|
||||
its card chrome, but its body is a directory listing, not reading prose.
|
||||
Opt it out of the centered reading measure: the wiki plugin caps prose
|
||||
|
||||
Reference in New Issue
Block a user