Merge pull request #4176 from nextcloud/add-noticeable-focus-to-nc-ch…

…eckboxradioswitch Add focus-visible style for NcCheckboxRadioSwitch
nextcloud-libraries · Jun 9, 2023 · d9db4d5 · d9db4d5
2 parents d7447f8 + 5ef76b3
commit d9db4d5
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
@@ -583,6 +583,10 @@ export default {
 		height: var(--icon-size);
 	}
 
+	&__input:focus-visible + label {
+		outline: 2px solid var(--color-primary-element) !important;
+	}
+
 	&__label {
 		display: flex;
 		align-items: center;