From 6c123ffebb75acdcdaef01f8562c148d2f536f31 Mon Sep 17 00:00:00 2001
From: traumweh <hello@lyx.sh>
Date: Wed, 9 Apr 2025 15:57:08 +0200
Subject: [PATCH] Fix search style, as well as mobile z-index

---
 css/area_main-sidebar-search.less | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/css/area_main-sidebar-search.less b/css/area_main-sidebar-search.less
index ee900a3..a14fbc6 100644
--- a/css/area_main-sidebar-search.less
+++ b/css/area_main-sidebar-search.less
@@ -136,16 +136,20 @@
 
         div.ajax_qsearch {
             box-shadow: none;
-            background-color: #FFF;
+            background-color: var(--color-shade-1);
             padding: 0;
+            z-index: 300; // otherwise hidden behind sidebar in mobile view
+            border: solid 0.1em var(--color-shade-4);
+            border-radius: 0.5rem;
 
-            strong {
-                color: @quicksearch-button-color;
-                padding: 0.25rem 0.5rem
+            > strong {
+                color: var(--color-foreground);
+                padding: 0.25rem 0.5rem;
+                border-bottom: solid 0.1em var(--color-shade-4);
             }
 
             ul li {
-                color: @quicksearch-button-color;
+                color: var(--color-foreground);
 
                 a {
                     display: block;
@@ -153,12 +157,12 @@
                     overflow: hidden;
                     color: inherit;
                     text-overflow: ellipsis;
-                }
-            }
 
-            ul li {
-                &:nth-child(odd) {
-                    background-color: @suggestion-zebra;
+                    &:hover,
+                    &:focus,
+                    &:active {
+                        background-color: var(--color-shade-2);
+                    }
                 }
             }
         }