diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2024-06-09 16:48:30 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2024-06-09 17:53:28 -0300 |
| commit | 7e4c8e0415948fb62bf2ff319fd5cdfedee0dfb7 (patch) | |
| tree | f905774416234739ecff36f11c81f8d4bba8df95 | |
| parent | 54c2c6e5116ebb90922b30cc8fcd7309cd0dcb42 (diff) | |
content, client: generateContentHeading: stickyTitle slot
| -rw-r--r-- | src/content/dependencies/generateContentHeading.js | 9 | ||||
| -rw-r--r-- | 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') { |