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

luci-theme-bootstrap: add focus indication for tabs

Browse source 
Underline the link text if a tab has keyboard focus in order to give a
visual indication of the focus state.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2023-02-05 20:00:26 +01:00
parent c9939a83e7
commit 56a737ec53
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1225,6 +1225,10 @@ a.menu:after {
outline: none;
}
.tabs > li > a:focus, .cbi-tabmenu > li > a:focus {
text-decoration: underline;
}
.tabs > li:not(.active):hover, .cbi-tabmenu > .cbi-tab-disabled:hover {
background: linear-gradient(var(--tab-inactive-hover-background-color) 90%, var(--tab-inactive-border-color) 100%);
}