Add proper focus styles

2020-11-22 17:47:47 +01:00
parent 148cc1dcca
commit ed40249bb3
2 changed files with 26 additions and 0 deletions
--- a/src/styles/components/tasks.scss
+++ b/src/styles/components/tasks.scss
@ -279,3 +279,17 @@
  width: 100%;
  max-width: $desktop;
 }
+
+.tasktext {
+  :focus {
+    box-shadow: inset 0 0 0 2px rgba($primary, 0.5);
+  }
+
+  :focus:not(:focus-visible) {
+    outline: 0;
+  }
+
+  :focus-visible, :-moz-focusring {
+    box-shadow: inset 0 0 0 2px rgba($primary, 0.5);
+  }
+}