diff options
| author | Vincent Petry <vincent@nextcloud.com> | 2020-11-20 16:25:34 +0100 |
|---|---|---|
| committer | Vincent Petry <vincent@nextcloud.com> | 2021-02-26 10:15:20 +0100 |
| commit | 23c143e034c9f04da07ee96731d7cd0e28edda4e (patch) | |
| tree | ee8f003f22e8d24313240319ddaf8acdeec1b886 | |
| parent | b4ccadea2b5f6eca7f4d1b734839afc6d2dfd264 (diff) | |
| download | nextcloud-server-23c143e034c9f04da07ee96731d7cd0e28edda4e.tar.gz nextcloud-server-23c143e034c9f04da07ee96731d7cd0e28edda4e.zip | |
Add focus-visible outline for checkboxes and radio buttons
To make keyboard navigation visible in forms.
When clicking with the mouse it doesn't appear.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
| -rw-r--r-- | core/css/inputs.scss | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index 4f73696d264..ca16ca55572 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -366,6 +366,12 @@ input { &:focus + label:before { border-color: var(--color-primary-element); } + &:focus-visible + label { + outline-style: solid; + outline-color: var(--color-primary-element); + outline-width: 1px; + outline-offset: 2px; + } &:checked + label:before, &.checkbox:indeterminate + label:before { /* ^ :indeterminate have a strange behavior on radio, |