summaryrefslogtreecommitdiffstats
path: root/core
diff options
context:
space:
mode:
authorVincent Petry <vincent@nextcloud.com>2021-02-26 11:22:19 +0100
committerGitHub <noreply@github.com>2021-02-26 11:22:19 +0100
commit18b419f0ca7973f9797d239a644c2f05422a858c (patch)
tree5000750252f7c1a1a5e9c577579334ba67dd9c79 /core
parentb4ccadea2b5f6eca7f4d1b734839afc6d2dfd264 (diff)
parent49eff095ffed62f30c8174cbb2184258d548f60f (diff)
downloadnextcloud-server-18b419f0ca7973f9797d239a644c2f05422a858c.tar.gz
nextcloud-server-18b419f0ca7973f9797d239a644c2f05422a858c.zip
Merge pull request #24255 from nextcloud/bugfix/noid/missing-checkbox-focus
Add focus-visible outline for checkboxes and radio buttons
Diffstat (limited to 'core')
-rw-r--r--core/css/inputs.scss6
1 files changed, 6 insertions, 0 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss
index 4f73696d264..3ae0c3a270e 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-main-text);
+ outline-width: 1px;
+ outline-offset: 2px;
+ }
&:checked + label:before,
&.checkbox:indeterminate + label:before {
/* ^ :indeterminate have a strange behavior on radio,