diff options
| -rw-r--r-- | src/content/dependencies/generateCommentaryEntry.js | 3 | ||||
| -rw-r--r-- | 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; } |