diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2019-01-24 21:14:05 +0100 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-02-21 16:22:26 +0100 |
| commit | 79d94be821e28db0279cdc6a2e093b7bebfad191 (patch) | |
| tree | e627d9ca358c47beef225544963a6e9e24bf8b9d /apps/accessibility/css | |
| parent | a47679686e49b674940ad4925673986ec7700039 (diff) | |
| download | nextcloud-server-79d94be821e28db0279cdc6a2e093b7bebfad191.tar.gz nextcloud-server-79d94be821e28db0279cdc6a2e093b7bebfad191.zip | |
Accessibility settings: Proof of concept of better keyboard focus feedback
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'apps/accessibility/css')
| -rw-r--r-- | apps/accessibility/css/style.scss | 21 |
1 files changed, 18 insertions, 3 deletions
diff --git a/apps/accessibility/css/style.scss b/apps/accessibility/css/style.scss index ad505b9312e..7b5a42e5f32 100644 --- a/apps/accessibility/css/style.scss +++ b/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 { |