From 8155ad8d22c77c244fe22f070531ff41daf71f64 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Thu, 10 Jul 2025 11:51:23 -0300 Subject: content, css: gCTChronologySection: heading slot --- .../dependencies/generateContributionTooltipChronologySection.js | 7 +++++++ src/static/css/site.css | 9 +++++++++ 2 files changed, 16 insertions(+) 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; -- cgit 1.3.0-6-gf8a5