luci-theme-material: add dropdown option hover styles
authorJo-Philipp Wich <jo@mein.io>
Sun, 18 Feb 2024 22:25:22 +0000 (23:25 +0100)
committerJo-Philipp Wich <jo@mein.io>
Sun, 18 Feb 2024 23:04:16 +0000 (00:04 +0100)
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>
themes/luci-theme-material/htdocs/luci-static/material/cascade.css

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