Browse Source
Accessibility settings: Proof of concept of better keyboard focus feedback
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
pull/13800/head
Jan-Christoph Borchardt
7 years ago
committed by
John Molakvoæ (skjnldsv)
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
1 changed files with
18 additions and
3 deletions
-
apps/accessibility/css/style.scss
|
|
|
@ -1,7 +1,6 @@ |
|
|
|
#accessibility { |
|
|
|
max-width: 800px; |
|
|
|
} |
|
|
|
// Rules we could port to the rest of Nextcloud too |
|
|
|
|
|
|
|
// Proper highlight for links and focus feedback |
|
|
|
#accessibility a { |
|
|
|
border-bottom: 1px dotted; |
|
|
|
|
|
|
|
@ -11,9 +10,25 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// Highlight checkbox label in bold for focus feedback |
|
|
|
// Drawback: Text width increases a bit |
|
|
|
#accessibility .checkbox:focus + label { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
// Limit width of settings sections for readability |
|
|
|
#accessibility .section p { |
|
|
|
max-width: 800px; |
|
|
|
} |
|
|
|
|
|
|
|
// End of rules we could port to rest of Nextcloud |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.preview-list { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
max-width: 800px; |
|
|
|
} |
|
|
|
|
|
|
|
.preview { |
|
|
|
|
