From 56a737ec53323052be9d2178fc655b2c1442601d Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Sun, 5 Feb 2023 20:00:26 +0100 Subject: 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 --- themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap') 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%); } -- cgit v1.2.3