« get me outta code hell

content, css: generateTextWithTooltip: custom interaction cues - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-02-06 18:40:50 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-02-10 13:31:05 -0400
commit7139db9b07d049459e7f0100ba37acb495c1fdfb (patch)
tree5cc53024c791ca032eff382998b8e8e0d8c2f398 /src/static
parentc53d9751c7a8d8687a6a27b308462c5ca77953e5 (diff)
content, css: generateTextWithTooltip: custom interaction cues
Diffstat (limited to 'src/static')
-rw-r--r--src/static/site6.css23
1 files changed, 8 insertions, 15 deletions
diff --git a/src/static/site6.css b/src/static/site6.css
index f926a611..05c24d61 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -507,37 +507,30 @@ a:not([href]):hover {
   position: relative;
 }
 
-.text-with-tooltip > :first-child {
+.text-with-tooltip .text-with-tooltip-interaction-cue {
   text-decoration: underline;
   text-decoration-style: dotted;
 }
 
-.text-with-tooltip > :first-child:hover,
-.text-with-tooltip > :first-child.has-visible-tooltip {
+.text-with-tooltip > .hoverable:hover .text-with-tooltip-interaction-cue,
+.text-with-tooltip > .hoverable.has-visible-tooltip .text-with-tooltip-interaction-cue {
   text-decoration-style: wavy !important;
 }
 
-.text-with-tooltip.datetimestamp > :first-child,
-.text-with-tooltip.missing-duration > :first-child {
+.text-with-tooltip.datetimestamp .text-with-tooltip-interaction-cue,
+.text-with-tooltip.missing-duration .text-with-tooltip-interaction-cue {
   cursor: default;
 }
 
-.text-with-tooltip.missing-duration > :first-child {
+.text-with-tooltip.missing-duration > .hoverable {
   opacity: 0.5;
 }
 
-.text-with-tooltip.missing-duration > :first-child:hover,
-.text-with-tooltip.missing-duration > :first-child.has-visible-tooltip {
-  text-decoration: none !important;
+.text-with-tooltip.missing-duration > .hoverable:hover,
+.text-with-tooltip.missing-duration > .hoverable.has-visible-tooltip {
   opacity: 1;
 }
 
-.text-with-tooltip.missing-duration > :first-child:hover .duration-text,
-.text-with-tooltip.missing-duration > :first-child.has-visible-tooltip .duration-text {
-  text-decoration: underline;
-  text-decoration-style: wavy;
-}
-
 .tooltip {
   position: absolute;
   z-index: 3;