diff options
| author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2022-11-15 09:12:51 +0100 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2022-11-17 17:08:24 +0000 |
| commit | e056cd621dec99494beacefa941f08247ee32fd2 (patch) | |
| tree | 5870ea0e3689795accb91ad4aece64aeda440a46 /apps | |
| parent | dce83459d581b2517d7078d98c58d06babb1ceba (diff) | |
| download | nextcloud-server-e056cd621dec99494beacefa941f08247ee32fd2.tar.gz nextcloud-server-e056cd621dec99494beacefa941f08247ee32fd2.zip | |
User status dialog a11y: make different focus and active state for OnlineStatusSelect and PredefinedStatus
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/user_status/src/components/OnlineStatusSelect.vue | 4 | ||||
| -rw-r--r-- | apps/user_status/src/components/PredefinedStatus.vue | 4 |
2 files changed, 8 insertions, 0 deletions
diff --git a/apps/user_status/src/components/OnlineStatusSelect.vue b/apps/user_status/src/components/OnlineStatusSelect.vue index f920189fce1..52b6022fb44 100644 --- a/apps/user_status/src/components/OnlineStatusSelect.vue +++ b/apps/user_status/src/components/OnlineStatusSelect.vue @@ -125,6 +125,10 @@ $label-padding: 8px; border-color: var(--color-primary); } + &__label:active { + border-color: var(--color-border-dark); + } + &__subline { display: block; color: var(--color-text-lighter); diff --git a/apps/user_status/src/components/PredefinedStatus.vue b/apps/user_status/src/components/PredefinedStatus.vue index 4ab585493e6..bca94b41a76 100644 --- a/apps/user_status/src/components/PredefinedStatus.vue +++ b/apps/user_status/src/components/PredefinedStatus.vue @@ -89,6 +89,10 @@ export default { background-color: var(--color-background-hover); } + &:active{ + background-color: var(--color-background-dark); + } + &__icon { flex-basis: 40px; text-align: center; |