From 529daea637e870639e4b2d5649ff05bd3181d937 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=B6ren=20Weber?= Date: Sat, 18 Nov 2023 23:56:57 +0100 Subject: [PATCH] theme: improve discovering links on keyboard navigation #726 --- static/css/ie.css | 8 +++++++- static/css/variant.css | 16 +++++++++++++--- 2 files changed, 20 insertions(+), 4 deletions(-) diff --git a/static/css/ie.css b/static/css/ie.css index 8794962928..29d770c6c8 100644 --- a/static/css/ie.css +++ b/static/css/ie.css @@ -264,8 +264,14 @@ } a:hover, + a:active, + a:focus, .anchor:hover, - .topbar-button button:hover { + .anchor:active, + .anchor:focus, + .topbar-button button:hover, + .topbar-button button:active, + .topbar-button button:focus{ color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */ } diff --git a/static/css/variant.css b/static/css/variant.css index 3245d209c6..e826864c25 100644 --- a/static/css/variant.css +++ b/static/css/variant.css @@ -18,8 +18,14 @@ a, } a:hover, +a:active, +a:focus, .anchor:hover, -.topbar-button button:hover { +.anchor:active, +.anchor:focus, +.topbar-button button:hover, +.topbar-button button:active, +.topbar-button button:focus{ color: var(--INTERNAL-MAIN-LINK-HOVER-color); } @@ -411,7 +417,9 @@ article ul > li > input[type="checkbox"] { #R-body .tab-nav-button { color: var(--INTERNAL-MAIN-LINK-color); } -#R-body .tab-nav-button:not(.active):hover { +#R-body .tab-nav-button:not(.active):hover, +#R-body .tab-nav-button:not(.active):active, +#R-body .tab-nav-button:not(.active):focus { color: var(--INTERNAL-MAIN-LINK-HOVER-color); } @@ -427,7 +435,9 @@ article ul > li > input[type="checkbox"] { #R-body .tab-nav-button.active > .tab-nav-text{ background-color: var(--VARIABLE-BOX-BG-color); } -#R-body .tab-nav-button:not(.active) > .tab-nav-text:hover { +#R-body .tab-nav-button:not(.active):hover > .tab-nav-text, +#R-body .tab-nav-button:not(.active):active > .tab-nav-text, +#R-body .tab-nav-button:not(.active):focus > .tab-nav-text { border-bottom-color: var(--INTERNAL-MAIN-LINK-HOVER-color); }