diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2026-06-07 19:31:55 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2026-06-07 19:31:55 -0300 |
| commit | fd393d953fcd50893e200fc77c95d2ed8cce5801 (patch) | |
| tree | 8675d41665af1c7d503c8d7f140cabf2cc6d8791 /src | |
| parent | 0585ed7e2c1b631f23fa32ccc599ab7a8b350404 (diff) | |
content, css: wrap name detail in heading nicely
Diffstat (limited to 'src')
| -rw-r--r-- | src/content/dependencies/generatePageLayout.js | 11 | ||||
| -rw-r--r-- | src/static/css/page.css | 13 |
2 files changed, 15 insertions, 9 deletions
diff --git a/src/content/dependencies/generatePageLayout.js b/src/content/dependencies/generatePageLayout.js index 00e6422b..e49075a1 100644 --- a/src/content/dependencies/generatePageLayout.js +++ b/src/content/dependencies/generatePageLayout.js @@ -307,15 +307,18 @@ export default { [language.onlyIfOptions]: ['title'], }; - workingOptions.title = headingNamePart; + workingOptions.title = + html.tag('span', {class: 'title-part'}, + headingNamePart); if (!html.isBlank(slots.titleDetail)) { workingCapsule += '.withDetail'; workingOptions.detailAccent = html.tag('span', {class: 'name-detail'}, - language.$(capsule, 'withDetail.accent', { - detail: slots.titleDetail, - })); + html.metatag('chunkwrap', {split: ':'}, + language.$(capsule, 'withDetail.accent', { + detail: slots.titleDetail, + }))); } return language.$(workingCapsule, workingOptions); diff --git a/src/static/css/page.css b/src/static/css/page.css index 353ae873..8929dc72 100644 --- a/src/static/css/page.css +++ b/src/static/css/page.css @@ -810,12 +810,15 @@ #content h1 { font-size: 1.5em; - } - #content h1 .name-detail { - opacity: 0.8; - margin-left: 0.5ch; - font-weight: inherit; + .title-part:has(+ .name-detail) { + margin-right: 0.5ch; + } + + .name-detail { + opacity: 0.8; + font-weight: inherit; + } } #content li { |