Create outline for focus-within on RadioSwitch input

JuliaKirschenheuter · Pytal · commit bfad21778607 · 2023-11-02T15:18:41.000-07:00
Signed-off-by: julia.kirschenheuter &lt;julia.kirschenheuter@nextcloud.com&gt;
diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
@@ -620,8 +620,11 @@ export default {
 		margin: 4px $icon-margin;
 	}
 
-	&__input:focus-visible + &__content {
-		outline: 2px solid var(--color-primary-element) !important;
+	&__input:focus-visible + &__content,
+	&__input:focus-visible {
+		outline: 2px solid var(--color-main-text);
+		border-color: var(--color-main-background);
+		outline-offset: -2px;
 	}
 
 	&--disabled &__content {

Original file line number	Diff line number	Diff line change
`@@ -620,8 +620,11 @@ export default {`
`620`	`620`	`margin: 4px $icon-margin;`
`621`	`621`	`}`
`622`	`622`
`623`		`- &__input:focus-visible + &__content {`
`624`		`- outline: 2px solid var(--color-primary-element) !important;`
	`623`	`+ &__input:focus-visible + &__content,`
	`624`	`+ &__input:focus-visible {`
	`625`	`+ outline: 2px solid var(--color-main-text);`
	`626`	`+ border-color: var(--color-main-background);`
	`627`	`+ outline-offset: -2px;`
`625`	`628`	`}`
`626`	`629`
`627`	`630`	`&--disabled &__content {`