diff options
| author | Adam Tauber <asciimoo@gmail.com> | 2020-06-23 21:44:44 +0200 |
|---|---|---|
| committer | Adam Tauber <asciimoo@gmail.com> | 2020-06-23 21:45:57 +0200 |
| commit | a984afd6a32ec3bd5011659362afaf81a4bc787e (patch) | |
| tree | bf8103e4c79c15d9fe1d2df004473633369e6a55 /searx/static/themes/oscar/less/logicodev | |
| parent | 2ff6214a4d6909867ddc176fcaf89a28521b7af7 (diff) | |
[enh] make checkboxes in preferences accessible using keyboard - #350
Diffstat (limited to 'searx/static/themes/oscar/less/logicodev')
| -rw-r--r-- | searx/static/themes/oscar/less/logicodev/onoff.less | 21 |
1 files changed, 19 insertions, 2 deletions
diff --git a/searx/static/themes/oscar/less/logicodev/onoff.less b/searx/static/themes/oscar/less/logicodev/onoff.less index f47189216..fbd2983eb 100644 --- a/searx/static/themes/oscar/less/logicodev/onoff.less +++ b/searx/static/themes/oscar/less/logicodev/onoff.less @@ -9,7 +9,21 @@ -ms-user-select: none; } .onoffswitch-checkbox { - display: none; + opacity: 0; + position: absolute; +} +.onoffswitch-checkbox:before { + content: ""; + display: inline-block; + width: 16px; + height: 16px; + margin-right: 10px; + position: absolute; + left: 0; + bottom: 1px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 0px; } .onoffswitch-label { display: block; @@ -44,7 +58,7 @@ top: 0; bottom: 0; right: 0px; - border: 2px solid #FFFFFF !important; + border: 2px solid #FFFFFF; border-radius: 50px !important; transition: all 0.3s ease-in 0s; } @@ -55,3 +69,6 @@ right: 71px; background-color: #A1A1A1; } +.onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch { + border: 3px solid #444444; +} |