From cb46742d53701005f847b147e66f66ff3a3f2df8 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Fri, 31 May 2024 13:09:44 -0300 Subject: client, css: tweak sticky behavior of column showing search results --- src/static/css/site.css | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) (limited to 'src/static/css/site.css') 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 { -- cgit 1.3.0-6-gf8a5