diff options
| author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-07-12 12:35:32 +0200 |
|---|---|---|
| committer | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-08-16 13:22:13 +0200 |
| commit | 9545826fc4439abb42415127a88f1586eff6dd51 (patch) | |
| tree | 3ae1e2d97ceb9eb9649c4e2172238178f690d597 /apps | |
| parent | f3fa006484c6dc7f3dd2504ea005dc3689ed4d44 (diff) | |
| download | nextcloud-server-9545826fc4439abb42415127a88f1586eff6dd51.tar.gz nextcloud-server-9545826fc4439abb42415127a88f1586eff6dd51.zip | |
Set double outline on checked state for radio buttons
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/user_status/src/components/OnlineStatusSelect.vue | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/apps/user_status/src/components/OnlineStatusSelect.vue b/apps/user_status/src/components/OnlineStatusSelect.vue index 64f0b8e02df..934adf18d5e 100644 --- a/apps/user_status/src/components/OnlineStatusSelect.vue +++ b/apps/user_status/src/components/OnlineStatusSelect.vue @@ -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 { |