diff options
author | (quasar) nebula <qznebula@protonmail.com> | 2025-07-10 11:51:23 -0300 |
---|---|---|
committer | (quasar) nebula <qznebula@protonmail.com> | 2025-07-10 11:51:23 -0300 |
commit | 8155ad8d22c77c244fe22f070531ff41daf71f64 (patch) | |
tree | a986d508ad49e29021accf58c6306fd1716a4b60 | |
parent | 3b2b97b94814da9c71552b7fd2bf192d433199be (diff) |
content, css: gCTChronologySection: heading slot
-rw-r--r-- | src/content/dependencies/generateContributionTooltipChronologySection.js | 7 | ||||
-rw-r--r-- | src/static/css/site.css | 9 |
2 files changed, 16 insertions, 0 deletions
diff --git a/src/content/dependencies/generateContributionTooltipChronologySection.js b/src/content/dependencies/generateContributionTooltipChronologySection.js index 5834665d..fb668844 100644 --- a/src/content/dependencies/generateContributionTooltipChronologySection.js +++ b/src/content/dependencies/generateContributionTooltipChronologySection.js @@ -49,12 +49,19 @@ export default { }), slots: { + heading: {type: 'html', mutable: false}, kind: {type: 'string'}, }, generate: (data, relations, slots, {html, language}) => language.encapsulate('misc.artistLink.chronology', capsule => html.tags([ + html.tag('span', {class: 'chronology-heading'}, + {[html.onlyIfContent]: true}, + {[html.onlyIfSiblings]: true}, + + slots.heading), + html.tags([ relations.previousLink?.slots({ attributes: {class: 'chronology-link'}, diff --git a/src/static/css/site.css b/src/static/css/site.css index e82c371e..bfbe1e56 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -1315,6 +1315,15 @@ li:not(:first-child:last-child) .tooltip:where(:not(.cover-artwork .tooltip)), height: 1.4em; } +.contribution-tooltip .chronology-heading { + grid-column-start: handle-start; + grid-column-end: platform-end; + + font-size: 0.85em; + font-style: oblique; + margin-bottom: 2px; +} + .contribution-tooltip .chronology-link { display: grid; grid-column-start: icon-start; |