From 49c6f881879b387eae770fdc8a27ac73c2672a7f Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Sun, 18 Feb 2024 23:22:58 +0100 Subject: [PATCH] luci-theme-bootstrap: 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 (cherry picked from commit f57514d63ca23ec3020a5605a039ac0b228e994d) --- .../htdocs/luci-static/bootstrap/cascade.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css index 8968fa0d24..2869780a07 100644 --- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css +++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css @@ -1716,12 +1716,14 @@ body.modal-overlay-active #modal_overlay { color: var(--on-primary-color); } -.cbi-dropdown[open] > ul.dropdown > li.focus { +.cbi-dropdown[open] > ul.dropdown > li.focus, +.cbi-dropdown[open] > ul.dropdown > li:hover { background: var(--primary-color-low); color: var(--on-primary-color); } -.cbi-dropdown[open] > ul.dropdown > li[selected].focus { +.cbi-dropdown[open] > ul.dropdown > li[selected].focus, +.cbi-dropdown[open] > ul.dropdown > li[selected]:hover { background: linear-gradient(90deg, var(--primary-color-medium) 50%, var(--primary-color-low)); } -- 2.30.2