Made a mass of accessibility improvements

[bookstack] / resources / assets / sass / _lists.scss

diff --git a/resources/assets/sass/_lists.scss b/resources/assets/sass/_lists.scss
index b9b4d092a1d7528c1b36a0c3af91ce244d771637..74c36c86c432edfd3cd05c8839aefdb150a82297 100644 (file)
--- a/resources/assets/sass/_lists.scss
+++ b/resources/assets/sass/_lists.scss
@@ -414,6 +414,11 @@ ul.pagination {
     background-color: transparent;
     border-color: rgba(0, 0, 0, 0.1);
   }
+  &:focus {
+    background-color: #eee;
+    outline: 1px dotted #666;
+    outline-offset: -2px;
+  }
 }
 
 .entity-list-item-path-sep {
@@ -551,10 +556,14 @@ ul.pagination {
     color: #555;
     fill: #555;
     white-space: nowrap;
-    &:hover {
+    &:hover, &:focus {
       text-decoration: none;
       background-color: #EEE;
     }
+    &:focus {
+      outline: 1px solid rgba(0, 0, 0, 0.2);
+      outline-offset: -2px;
+    }
     svg {
       margin-right: $-s;
       display: inline-block;