mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Accessibility settings: Proof of concept of better keyboard focus feedback 

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2019-01-24 21:14:05 +01:00 committed by John Molakvoæ (skjnldsv)
parent a47679686e
commit 79d94be821
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
apps/accessibility/css/style.scss
View File

@ -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 {