« get me outta code hell

client, css: tweak sticky behavior of column showing search results - 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-05-31 13:09:44 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-05-31 13:09:44 -0300
commitcb46742d53701005f847b147e66f66ff3a3f2df8 (patch)
treedee21ef3b198f3756bfac5f2716626e25da6a766 /src/static/css
parent50be6c7779562dde3c87d348a0350eafd4878ca7 (diff)
client, css: tweak sticky behavior of column showing search results
Diffstat (limited to 'src/static/css')
-rw-r--r--src/static/css/site.css20
1 files changed, 15 insertions, 5 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index ef697db2..0dadf2e2 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -471,6 +471,12 @@ summary .group-name {
   font-weight: normal;
 }
 
+.sidebar-column.search-showing-results {
+  position: sticky;
+  top: 5px;
+  align-self: flex-start !important; /* pls */
+}
+
 .wiki-search-sidebar-box {
   padding: 1px 0 0 0;
 
@@ -490,18 +496,22 @@ summary .group-name {
 }
 
 .wiki-search-sidebar-box.showing-results {
-  position: sticky;
-  top: 5px;
-
   box-shadow:
     0 4px 16px -8px var(--primary-color),
     0 10px 6px var(--bg-black-color),
     0 6px 4px #00000040;
 }
 
+/* This is to say, any sidebar that's *not*
+ * the first sidebar after the search box.
+ */
+.wiki-search-sidebar-box.showing-results + .sidebar ~ .sidebar {
+  margin-top: 5px;
+}
+
 .wiki-search-sidebar-box.showing-results ~ .sidebar:not(:hover) {
-  opacity: 0.6;
-  filter: brightness(0.5);
+  opacity: 0.8;
+  filter: brightness(0.7);
 }
 
 .wiki-search-input {