diff options
| author | Christopher Ng <chrng8@gmail.com> | 2021-11-26 03:16:02 +0300 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2021-11-26 03:26:20 +0300 |
| commit | 7ad07d6aa6b891929d9f24124ba5ed2ed0ab6ca9 (patch) | |
| tree | 39424d52685157ba61269876be2c104b860d01a8 /core/src | |
| parent | 88129925eee39671d2b072eca793beeefef5e942 (diff) | |
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); } } |