« get me outta code hell

css: search box showing results dims sidebar box joiners - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2026-04-01 21:44:32 -0300
committer(quasar) nebula <qznebula@protonmail.com>2026-04-01 21:44:32 -0300
commit4e24c9d0d59cae70e1e4d75bd9a5d8b1752439fa (patch)
tree2d97cc214ddc8e7e806c43d748be4ce80edea6a6
parent2d5330e7ed792bed36cfd886b48804657b8a2c99 (diff)
css: search box showing results dims sidebar box joiners
-rw-r--r--src/static/css/search.css9
1 files changed, 8 insertions, 1 deletions
diff --git a/src/static/css/search.css b/src/static/css/search.css
index 3c56eed6..409e12df 100644
--- a/src/static/css/search.css
+++ b/src/static/css/search.css
@@ -49,10 +49,17 @@
 }
 
 @layer interaction {
-  .wiki-search-sidebar-box.showing-results ~ .sidebar:not(:hover) {
+  .wiki-search-sidebar-box.showing-results ~ .sidebar:not(:hover),
+  .wiki-search-sidebar-box.showing-results ~ .sidebar-box-joiner {
     opacity: 0.8;
     filter: brightness(0.85);
   }
+
+  .wiki-search-sidebar-box.showing-results ~ .sidebar:hover + .sidebar-box-joiner,
+  .wiki-search-sidebar-box.showing-results ~ .sidebar-box-joiner:has(+ .sidebar:hover) {
+    opacity: revert-layer;
+    filter: revert-layer;
+  }
 }
 
 /* Label and input elements */