diff options
author | Jo-Philipp Wich <jo@mein.io> | 2023-02-05 20:00:26 +0100 |
---|---|---|
committer | Jo-Philipp Wich <jo@mein.io> | 2023-02-05 20:22:44 +0100 |
commit | 56a737ec53323052be9d2178fc655b2c1442601d (patch) | |
tree | 356167dd94375ecf1c00f0794b97f442f3819a34 /themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap | |
parent | c9939a83e72beb32dd1e11b07139714e2ae91623 (diff) |
luci-theme-bootstrap: add focus indication for tabs
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>
Diffstat (limited to 'themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap')
-rw-r--r-- | themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css | 4 |
1 files changed, 4 insertions, 0 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 a2099f39d4..f87bc52902 100644 --- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css +++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css @@ -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%); } |