From 5bd8f23e380924bfa9e81de197cd7c7c73830bfd Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Wed, 1 Oct 2025 21:17:13 -0300 Subject: content, css: generateAdditionalNamesBox: alwaysVisible slot --- src/content/dependencies/generateAdditionalNamesBox.js | 12 +++++++++++- src/content/dependencies/generatePageLayout.js | 13 +++++++++---- src/static/css/site.css | 2 ++ 3 files changed, 22 insertions(+), 5 deletions(-) diff --git a/src/content/dependencies/generateAdditionalNamesBox.js b/src/content/dependencies/generateAdditionalNamesBox.js index b7392dfd..8bb61528 100644 --- a/src/content/dependencies/generateAdditionalNamesBox.js +++ b/src/content/dependencies/generateAdditionalNamesBox.js @@ -8,11 +8,21 @@ export default { .map(entry => relation('generateAdditionalNamesBoxItem', entry)), }), - generate: (relations, {html, language}) => + slots: { + alwaysVisible: { + type: 'boolean', + default: false, + }, + }, + + generate: (relations, slots, {html, language}) => html.tag('div', {id: 'additional-names-box'}, {class: 'drop'}, {[html.onlyIfContent]: true}, + slots.alwaysVisible && + {class: 'always-visible'}, + [ html.tag('p', {[html.onlyIfSiblings]: true}, diff --git a/src/content/dependencies/generatePageLayout.js b/src/content/dependencies/generatePageLayout.js index 0326f415..4318f462 100644 --- a/src/content/dependencies/generatePageLayout.js +++ b/src/content/dependencies/generatePageLayout.js @@ -296,12 +296,17 @@ export default { const titleContentsHTML = (html.isBlank(slots.title) ? null - : html.isBlank(slots.additionalNames) - ? language.sanitize(slots.title) - : html.tag('a', { + + : (!html.isBlank(slots.additionalNames) && + !html.resolve(slots.additionalNames, {slots: ['alwaysVisible']}) + .getSlotValue('alwaysVisible')) + + ? html.tag('a', { href: '#additional-names-box', title: language.$('misc.additionalNames.tooltip').toString(), - }, language.sanitize(slots.title))); + }, language.sanitize(slots.title)) + + : language.sanitize(slots.title)); const titleHTML = (html.isBlank(slots.title) diff --git a/src/static/css/site.css b/src/static/css/site.css index 23d9eb32..7bf30a7e 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -2559,7 +2559,9 @@ h1 a[href="#additional-names-box"]:hover { max-width: min(60vw, 600px); padding: 15px 20px 10px 20px; +} +#additional-names-box:not(.always-visible) { display: none; } -- cgit 1.3.0-6-gf8a5