From 8ab8b20b60c4bf83cfa0fa2b6320b30dacd232a9 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Fri, 21 Jun 2024 20:50:21 -0300 Subject: css: commentary time rule fixes --- src/content/dependencies/generateCommentaryEntry.js | 3 +++ src/static/css/site.css | 6 +++--- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/content/dependencies/generateCommentaryEntry.js b/src/content/dependencies/generateCommentaryEntry.js index 9d70ec91..01150844 100644 --- a/src/content/dependencies/generateCommentaryEntry.js +++ b/src/content/dependencies/generateCommentaryEntry.js @@ -65,8 +65,11 @@ export default { relations.textWithTooltip.slots({ attributes: {class: 'commentary-date'}, + customInteractionCue: true, + text: html.tag('time', + {class: 'text-with-tooltip-interaction-cue'}, {[html.onlyIfContent]: true}, language.$(titleCapsule, 'date', { diff --git a/src/static/css/site.css b/src/static/css/site.css index 266c7b0f..7979002e 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -1193,7 +1193,7 @@ ul.image-details li { float: right; } -.commentary-entry-heading .commentary-date .hoverable { +.commentary-entry-heading .commentary-date time { padding-left: 0.5ch; padding-right: 0.25ch; margin-left: 0.75ch; @@ -1201,8 +1201,8 @@ ul.image-details li { transition: border-left-color 0.15s; } -.commentary-entry-heading .commentary-date .hoverable:hover, -.commentary-entry-heading .commentary-date .hoverable.has-visible-tooltip { +.commentary-entry-heading .commentary-date time:hover, +.commentary-entry-heading .commentary-date .hoverable.has-visible-tooltip time { border-left-color: white; } -- cgit 1.3.0-6-gf8a5