diff --git a/containers/novela/changelog.py b/containers/novela/changelog.py index 7e573fc..df5330e 100644 --- a/containers/novela/changelog.py +++ b/containers/novela/changelog.py @@ -3,6 +3,20 @@ Changelog data for Novela """ CHANGELOG = [ + { + "version": "v0.2.11", + "date": "2026-05-10", + "summary": "Subheading styling now also applies when the wrapper contains a block element (e.g.

) — the inner

/ color rule no longer wins.", + "sections": [ + { + "title": "Bug fixes", + "type": "bugfix", + "changes": [ + "Reader: subheading styling now applies to descendants too — previously the inner

(or ) had the same specificity as .subheading but applied more directly, so the wrapper's color was overridden and the paragraph kept the default text color. CSS now reads #chapter-content .subheading, #chapter-content .subheading * { … }, and the same change was made to .chat for safety.", + ], + }, + ], + }, { "version": "v0.2.10", "date": "2026-05-10", diff --git a/containers/novela/templates/reader.html b/containers/novela/templates/reader.html index 34fca6d..accfd32 100644 --- a/containers/novela/templates/reader.html +++ b/containers/novela/templates/reader.html @@ -219,8 +219,10 @@ margin-bottom: 2.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); } - #chapter-content .subheading { color: rgb(224, 62, 45); font-weight: bold; } - #chapter-content .chat { color: rgb(230, 126, 35); } + #chapter-content .subheading, + #chapter-content .subheading * { color: rgb(224, 62, 45); font-weight: bold; } + #chapter-content .chat, + #chapter-content .chat * { color: rgb(230, 126, 35); } #chapter-content p[style*="padding-left"] { padding-left: 40px; } #chapter-content .novela-comment { border-left: 3px solid #6b9dd6; diff --git a/docs/changelog-develop.md b/docs/changelog-develop.md index 64a8d05..5c8d147 100644 --- a/docs/changelog-develop.md +++ b/docs/changelog-develop.md @@ -1,5 +1,15 @@ # Develop Changelog +## 2026-05-10 +- Reader: subheading/chat styling now also wins when the wrapper contains block elements with their own color rule (e.g. `

`) + - Previously the `

`/`` rules in `reader.html` (`#chapter-content p { color: var(--text); }`, etc.) had the same specificity as `.subheading` and applied more directly to the inner element, so the parent's color was effectively overridden — the wrapped paragraph stayed in the default text color + - CSS now applies the rule to the wrapper *and* all descendants: `#chapter-content .subheading, #chapter-content .subheading * { … }` (and the same for `.chat`) + - Reason: bug reported after v0.2.10 — `.chat` worked because it wraps plain inline text inside a `

`, but `.subheading` wrapping a `

` lost its color + +--- +*Released as v0.2.11 on 2026-05-10* + +--- *Released as v0.2.10 on 2026-05-10* ## 2026-05-09 (2) diff --git a/docs/changelog.md b/docs/changelog.md index 89c7d4e..7883924 100644 --- a/docs/changelog.md +++ b/docs/changelog.md @@ -1,5 +1,13 @@ # Changelog +## v0.2.11 — 2026-05-10 + +### Bug fixes + +- Reader: subheading styling now also applies when the wrapper contains a block element with its own color rule, e.g. `

`. Previously the `

` (and ``) rules in `reader.html` had the same CSS specificity as `.subheading` but applied more directly to the inner element, so the wrapper's color was effectively overridden and the paragraph kept the default text color. The rule now applies to the wrapper and all descendants (`#chapter-content .subheading, #chapter-content .subheading * { … }`); the same change was made to `.chat` for safety. Reported right after v0.2.10 — `.chat` was unaffected because it wraps plain inline text, but `.subheading` wrapping a paragraph lost its color. + +--- + ## v0.2.10 — 2026-05-10 ### Bug fixes