« get me outta code hell

content, css: generateAlbumTrackList: handle missing durations - 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:20:51 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-02-10 13:31:05 -0400
commitc53d9751c7a8d8687a6a27b308462c5ca77953e5 (patch)
tree44af9d5ebe76f7f3c1c0ea29171f363fd032c6db /src/static
parentb451bcdea910c463f63bb2d1f9293d3f91aa1914 (diff)
content, css: generateAlbumTrackList: handle missing durations
With bad CSS, at the moment.
Diffstat (limited to 'src/static')
-rw-r--r--src/static/site6.css25
1 files changed, 22 insertions, 3 deletions
diff --git a/src/static/site6.css b/src/static/site6.css
index 146ae7a4..f926a611 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -517,10 +517,27 @@ a:not([href]):hover {
   text-decoration-style: wavy !important;
 }
 
-.text-with-tooltip.datetimestamp > :first-child {
+.text-with-tooltip.datetimestamp > :first-child,
+.text-with-tooltip.missing-duration > :first-child {
   cursor: default;
 }
 
+.text-with-tooltip.missing-duration > :first-child {
+  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;
+  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;
@@ -557,7 +574,8 @@ li:not(:first-child:last-child) .tooltip,
   left: -34px;
 }
 
-.datetimestamp-tooltip {
+.datetimestamp-tooltip,
+.missing-duration-tooltip {
   padding: 3px 4px 2px 2px;
   left: -10px;
 }
@@ -581,7 +599,8 @@ li:not(:first-child:last-child) .tooltip,
   cursor: default;
 }
 
-.datetimestamp-tooltip .tooltip-content {
+.datetimestamp-tooltip .tooltip-content,
+.missing-duration-tooltip .tooltip-content {
   padding: 5px 6px;
   white-space: nowrap;
   font-size: 0.9em;