« get me outta code hell

client, css: links in summaries, hover dynamics, white underline - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/css
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-04-23 17:32:22 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-05-30 20:48:18 -0300
commita84b339c3a7d6b5a9ccbb950ba16240beb04efb9 (patch)
tree322ec5c8120d1768cba25c7b4fe8863d22b07b14 /src/static/css
parentbfe389e20902a27f0c2b29eb2abef8fcfe0fc62c (diff)
client, css: links in summaries, hover dynamics, white underline
Diffstat (limited to 'src/static/css')
-rw-r--r--src/static/css/site.css30
1 files changed, 30 insertions, 0 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index c068c07d..32b314c4 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -395,6 +395,36 @@ summary > span:hover {
   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;
+}
+
+summary > span:hover:has(a:hover) a,
+summary > span:hover:has(a.nested-hover) a,
+summary.has-nested-hover > span a {
+  text-decoration: underline !important;
+}
+
+summary.underline-white > span:hover {
+  text-decoration-color: white;
+}
+
+/* This link isn't supposed to be underlined *at all*
+ * when the summary (and not link) is hovered, but
+ * for some reason Safari is still applying its colored
+ * and dotted(!) underline. Get around the apparent
+ * effect by just making it white.
+ */
+summary.underline-white > span:hover a:not(:hover) {
+  text-decoration-color: white;
+}
+
 summary .group-name {
   color: var(--primary-color);
 }