From 7e4c8e0415948fb62bf2ff319fd5cdfedee0dfb7 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Sun, 9 Jun 2024 16:48:30 -0300
Subject: content, client: generateContentHeading: stickyTitle slot

---
 src/content/dependencies/generateContentHeading.js | 9 +++++++++
 src/static/js/client.js                            | 6 +++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/content/dependencies/generateContentHeading.js b/src/content/dependencies/generateContentHeading.js
index 2753fe86..eafe77d8 100644
--- a/src/content/dependencies/generateContentHeading.js
+++ b/src/content/dependencies/generateContentHeading.js
@@ -12,6 +12,11 @@ export default {
       mutable: false,
     },
 
+    stickyTitle: {
+      type: 'html',
+      mutable: false,
+    },
+
     accent: {
       type: 'html',
       mutable: false,
@@ -44,6 +49,10 @@ export default {
           {[html.onlyIfContent]: true},
           slots.title),
 
+        html.tag('template', {class: 'content-heading-sticky-title'},
+          {[html.onlyIfContent]: true},
+          slots.stickyTitle),
+
         html.tag('span', {class: 'content-heading-accent'},
           {[html.onlyIfContent]: true},
           slots.accent),
diff --git a/src/static/js/client.js b/src/static/js/client.js
index 8b470832..1911c6f7 100644
--- a/src/static/js/client.js
+++ b/src/static/js/client.js
@@ -2706,9 +2706,9 @@ function updateStickySubheadingContent(index) {
     }
 
     const textContainer =
-      closestHeading.querySelector('.content-heading-main-title')
-        // Just for compatibility with older builds of the site.
-        ?? closestHeading;
+      templateContent(
+        closestHeading.querySelector('.content-heading-sticky-title')) ??
+      closestHeading.querySelector('.content-heading-main-title');
 
     for (const child of textContainer.childNodes) {
       if (child.tagName === 'A') {
-- 
cgit 1.3.0-6-gf8a5