diff options
| author | Carl Schwan <carl@carlschwan.eu> | 2022-03-16 03:07:55 +0300 |
|---|---|---|
| committer | Carl Schwan <carl@carlschwan.eu> | 2022-05-16 14:21:48 +0300 |
| commit | c1499519d4a57859fa69098a743430a2dc068800 (patch) | |
| tree | c10816498597e9850140b4d975d68c47bdffd817 /apps/dashboard | |
| parent | ad405e93767cfaf0ba34011010bb26dc4c05f60a (diff) | |
Improve accessibility with more visible focus indication for non vue apps
- Add visible-focus effect on each header entry
- Show focus outline when using focus-visible (keyboard navigation)
- Add polyfy for focus-visible since it's only very recently available
on webkit
- Change text for link to home button to describe the destination and
not the current page
- Improve focus effect in app sidebar navigation
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'apps/dashboard')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 46de7b58827..d08c18c6ffd 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -517,9 +517,9 @@ export default { & > .panel--content { margin: 0 16px 16px 16px; - height: 420px; + height: 424px; // We specifically do not want scrollbars inside widgets - overflow: hidden; + overflow: visible; } // No need to extend height of widgets if only one column is shown @@ -566,7 +566,7 @@ export default { background-color: var(--color-background-hover)!important; } &:focus-visible { - border: 2px solid var(--color-main-text)!important; + box-shadow: 0 0 0 2px var(--color-main-text) !important; } } |