diff options
Diffstat (limited to 'src')
-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; |