« get me outta code hell

css, client: adapt <summary> to support hoverable/tooltip - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/css/miscellany.css
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2026-05-23 11:02:41 -0300
committer(quasar) nebula <qznebula@protonmail.com>2026-05-23 11:02:41 -0300
commitc6010933dc481e95e3ab1768613f767eda3ba1e3 (patch)
treea3e6c990f11be28e5d79c220d1e9cf77690c9ba8 /src/static/css/miscellany.css
parent347b0063794a74712123d02a71f700bdcf345b6b (diff)
css, client: adapt <summary> to support hoverable/tooltip
This is the first commit where we're using :has() and nested rules.
Both of those are considered baseline December 2023, and we figure
that will be at least *about* three years ago once this update is
released.
Diffstat (limited to 'src/static/css/miscellany.css')
-rw-r--r--src/static/css/miscellany.css22
1 files changed, 7 insertions, 15 deletions
diff --git a/src/static/css/miscellany.css b/src/static/css/miscellany.css
index 37fefb40..0f4cf1a9 100644
--- a/src/static/css/miscellany.css
+++ b/src/static/css/miscellany.css
@@ -487,26 +487,18 @@
 }
 
 @layer interaction {
-  summary > span:hover {
+  summary > span:hover:not(:has(.has-visible-tooltip, .hoverable:hover)) {
     cursor: pointer;
     text-decoration: underline;
     text-decoration-color: var(--primary-color);
-  }
-
-  summary > span:hover a {
-    text-decoration: none !important;
-  }
 
-  summary > span:hover:has(a:hover),
-  summary > span:hover:has(a.nested-hover),
-  summary.has-nested-hover > span {
-    text-decoration: none !important;
-  }
+    a:not(:hover) {
+      text-decoration: none !important;
+    }
 
-  summary > span:hover:has(a:hover) a:hover,
-  summary > span:hover:has(a.nested-hover) a:hover,
-  summary.has-nested-hover > span a:hover {
-    text-decoration: underline !important;
+    &:has(a:hover) {
+      text-decoration: none !important;
+    }
   }
 
   summary.underline-white > span:hover {