Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-theme-bootstrap: add dropdown option hover styles

Browse source 
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>
This commit is contained in:
Jo-Philipp Wich 2024-02-18 23:22:58 +01:00
parent 6b0953af64
commit f57514d63c
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View file

@ -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));
}