From: Jo-Philipp Wich <jo@mein.io>
Date: Sun, 18 Feb 2024 22:25:22 +0000 (+0100)
Subject: luci-theme-material: add dropdown option hover styles
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=973b9a727fde1ce08bc442dcc7c7747354a63749;p=project%2Fluci.git

luci-theme-material: add dropdown option hover styles

Subsequent commits will drop the JS based mouse following focus behavior,
so add appropriate replacement CSS hover styles.

Ref: #6903
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 01e55108889563563231e111f8fe1d4bf9b1b853)
---

diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index fa2f60ebf1..fef91e48b6 100644
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -1601,7 +1601,8 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
 	background: #b0d0f0;
 }
 
-.cbi-dropdown[open] > ul.dropdown > li.focus {
+.cbi-dropdown[open] > ul.dropdown > li.focus,
+.cbi-dropdown[open] > ul.dropdown > li:hover {
 	background: linear-gradient(90deg, #a3c2e8 0%, #84aad9 100%);
 }