diff options
| author | Christopher Ng <chrng8@gmail.com> | 2021-11-26 00:16:02 +0000 |
|---|---|---|
| committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2021-11-26 00:52:38 +0000 |
| commit | b5e314adf4e423473bd929208d2a426f8d4d902a (patch) | |
| tree | 8f7296a57a6be7f74236b4446e776630126d5291 /core/src | |
| parent | d03df098795bdab160561eca69426a8e07663eb5 (diff) | |
| download | nextcloud-server-b5e314adf4e423473bd929208d2a426f8d4d902a.tar.gz nextcloud-server-b5e314adf4e423473bd929208d2a426f8d4d902a.zip | |
Improve accessibility
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'core/src')
| -rw-r--r-- | core/src/components/Profile/PrimaryActionButton.vue | 4 | ||||
| -rw-r--r-- | core/src/views/Profile.vue | 12 |
2 files changed, 12 insertions, 4 deletions
diff --git a/core/src/components/Profile/PrimaryActionButton.vue b/core/src/components/Profile/PrimaryActionButton.vue index 069463b060d..7cfff4bc664 100644 --- a/core/src/components/Profile/PrimaryActionButton.vue +++ b/core/src/components/Profile/PrimaryActionButton.vue @@ -96,7 +96,9 @@ export default { } } - &:hover { + &:hover, + &:focus, + &:active { background-color: var(--color-primary-element-light); } } diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index e1224dd212c..aec32a41186 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -364,7 +364,9 @@ $content-max-width: 640px; line-height: 44px; font-weight: bold; - &:hover { + &:hover, + &:focus, + &:active { color: var(--color-primary-text); background-color: var(--color-primary-element-light); } @@ -386,7 +388,9 @@ $content-max-width: 640px; &.interactive { cursor: pointer; - &:hover { + &:hover, + &:focus, + &:active { background-color: var(--color-main-background); color: var(--color-main-text); border-radius: var(--border-radius-pill); @@ -438,7 +442,9 @@ $content-max-width: 640px; .avatardiv__user-status { cursor: pointer; - &:hover { + &:hover, + &:focus, + &:active { box-shadow: 0 3px 6px var(--color-box-shadow); } } |