diff options
| author | Julia Kirschenheuter <6078378+JuliaKirschenheuter@users.noreply.github.com> | 2023-07-11 16:52:48 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-07-11 16:52:48 +0200 |
| commit | a756600b915dcd9bab5338a610ade97d667edfe8 (patch) | |
| tree | 065cd2c9e514f149d385c3a5c1965c5cc82b4765 /apps | |
| parent | 2cf8d6d9652a55f81c6800f2e69b71597736c56c (diff) | |
| parent | 34bbb4ed48fea55fb3c3bae409eb8a326bfca8f2 (diff) | |
| download | nextcloud-server-a756600b915dcd9bab5338a610ade97d667edfe8.tar.gz nextcloud-server-a756600b915dcd9bab5338a610ade97d667edfe8.zip | |
Merge pull request #39277 from nextcloud/test/4193-Buttons_accessibility_improvements
Set double outline to buttons in focus state
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 3 | ||||
| -rw-r--r-- | apps/user_status/src/UserStatus.vue | 5 |
2 files changed, 5 insertions, 3 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 109319dc99e..ff5e9b5eacc 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -522,7 +522,8 @@ export default { background-color: var(--color-background-hover)!important; } &:focus-visible { - box-shadow: 0 0 0 2px var(--color-main-text) !important; + box-shadow: 0 0 0 4px var(--color-main-background) !important; + outline: 2px solid var(--color-main-text) !important; } } diff --git a/apps/user_status/src/UserStatus.vue b/apps/user_status/src/UserStatus.vue index 4b7c8da41f3..8951bcb43c2 100644 --- a/apps/user_status/src/UserStatus.vue +++ b/apps/user_status/src/UserStatus.vue @@ -301,8 +301,9 @@ export default { &:focus { background-color: var(--color-background-hover); } - &:focus { - box-shadow: 0 0 0 2px var(--color-main-text) !important; + &:focus-visible { + box-shadow: 0 0 0 4px var(--color-main-background) !important; + outline: 2px solid var(--color-main-text) !important; } } } |