From 04efba1f266501d6e61505ee5382c769e5ba8be3 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 29 Nov 2024 12:34:32 +0200
Subject: [PATCH] Add hover state for the quick search box

---
 src/public/stylesheets/theme-next.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 3ef630b00..e24abbaf4 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -103,6 +103,7 @@
 
    --quick-search-background: #00000012;
    --quick-search-color: #06060682;
+   --quick-search-hover-background: #00000020;
    --quick-search-focus-border: #00000029;
    --quick-search-focus-background: #ffffff80;
    --quick-search-focus-color: #000;
@@ -219,6 +220,7 @@
 
         --quick-search-background: #dcdcdc;
         --quick-search-color: gray;
+        --quick-search-hover-background: #00000020;
         --quick-search-focus-border: gray;
         --quick-search-focus-background: #dcdcdc;
         --quick-search-focus-color: black;
@@ -396,6 +398,12 @@
     transition: background-color 200ms ease-in;
 }
 
+#left-pane .quick-search:hover:before {
+    /* Hovered search box background rectangle */
+    background: var(--quick-search-hover-background);
+    transition: background-color 75ms ease-out;
+}
+
 #left-pane .quick-search:focus-within:before {
     /* Focused search box background rectangle */
     border-color: var(--quick-search-focus-border);