Merge pull request #39332 from nextcloud/fix/36981-fix-focus-style-on-status-radio-buttons

Set double outline on checked state for radio buttons
This commit is contained in:
Julia Kirschenheuter 2023-08-16 17:44:26 +02:00 committed by GitHub
commit 3c43ff67ea
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 11 additions and 12 deletions

View file

@ -109,14 +109,13 @@ $label-padding: 8px;
}
}
&__input:checked + &__label,
&__input:focus + &__label,
&__label:hover {
border-color: var(--color-primary-element);
&__input:checked + &__label {
outline: 2px solid var(--color-main-text);
box-shadow: 0 0 0 4px var(--color-main-background);
}
&__label:active {
border-color: var(--color-border-dark);
&__input:focus-visible + &__label {
outline: 2px solid var(--color-primary-element) !important;
}
&__subline {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long