« get me outta code hell

content, css: gCTChronologySection: heading slot - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
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
commit8155ad8d22c77c244fe22f070531ff41daf71f64 (patch)
treea986d508ad49e29021accf58c6306fd1716a4b60 /src
parent3b2b97b94814da9c71552b7fd2bf192d433199be (diff)
content, css: gCTChronologySection: heading slot
Diffstat (limited to 'src')
-rw-r--r--src/content/dependencies/generateContributionTooltipChronologySection.js7
-rw-r--r--src/static/css/site.css9
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;