From 79d94be821e28db0279cdc6a2e093b7bebfad191 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
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 <hey@jancborchardt.net>
---
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 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 {
--
GitLab