From 79d94be821e28db0279cdc6a2e093b7bebfad191 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 24 Jan 2019 21:14:05 +0100 Subject: [PATCH] Accessibility settings: Proof of concept of better keyboard focus feedback Signed-off-by: Jan-Christoph Borchardt --- apps/accessibility/css/style.scss | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/apps/accessibility/css/style.scss b/apps/accessibility/css/style.scss index ad505b9312..7b5a42e5f3 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 {