From 9edbf2deb022b0b2b3699bf0ffa3b8c6aa6e1c98 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Tue, 18 Jun 2024 10:46:44 -0300 Subject: content, css: general tooltip/icon css cleanup --- .../dependencies/generateContributionTooltip.js | 2 +- .../generateContributionTooltipExternalLinkSection.js | 7 +++---- src/content/dependencies/generateExternalIcon.js | 19 ++++++++++--------- 3 files changed, 14 insertions(+), 14 deletions(-) (limited to 'src/content/dependencies') diff --git a/src/content/dependencies/generateContributionTooltip.js b/src/content/dependencies/generateContributionTooltip.js index 67d6166e..5df88121 100644 --- a/src/content/dependencies/generateContributionTooltip.js +++ b/src/content/dependencies/generateContributionTooltip.js @@ -26,7 +26,7 @@ export default { generate: (relations, slots, {html}) => relations.tooltip.slots({ attributes: - {class: ['icons', 'icons-tooltip']}, + {class: 'contribution-tooltip'}, contentAttributes: { [html.joinChildren]: diff --git a/src/content/dependencies/generateContributionTooltipExternalLinkSection.js b/src/content/dependencies/generateContributionTooltipExternalLinkSection.js index a9d17457..d4342098 100644 --- a/src/content/dependencies/generateContributionTooltipExternalLinkSection.js +++ b/src/content/dependencies/generateContributionTooltipExternalLinkSection.js @@ -41,20 +41,19 @@ export default { } return [ - html.tag('a', {class: 'icon'}, + html.tag('a', {class: 'external-link'}, {href: url}, - {class: 'has-text'}, [ icon, - html.tag('span', {class: 'icon-text'}, + html.tag('span', {class: 'external-handle'}, (html.isBlank(handle) ? platform : handle)), ]), - html.tag('span', {class: 'icon-platform'}, + html.tag('span', {class: 'external-platform'}, // This is a pretty ridiculous hack, but we currently // don't have a way of telling formatExternalLink to *not* // use the fallback string, which just formats the URL as diff --git a/src/content/dependencies/generateExternalIcon.js b/src/content/dependencies/generateExternalIcon.js index 9f65a275..637af658 100644 --- a/src/content/dependencies/generateExternalIcon.js +++ b/src/content/dependencies/generateExternalIcon.js @@ -13,13 +13,14 @@ export default { }, generate: (data, slots, {html, language, to}) => - html.tag('svg', - html.tag('use', { - href: - to('staticMisc.icon', - language.formatExternalLink(data.url, { - style: 'icon-id', - context: slots.context, - })), - })), + html.tag('span', {class: 'external-icon'}, + html.tag('svg', + html.tag('use', { + href: + to('staticMisc.icon', + language.formatExternalLink(data.url, { + style: 'icon-id', + context: slots.context, + })), + }))), }; -- cgit 1.3.0-6-gf8a5