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 fa2f60ebf1a2c7f62abaa60edc0af752a08cbfaf..fef91e48b6b723cb43ee896ff11b2893b947cd6d 100644 (file)
--- 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%);
 }