Merge pull request #1296 from cdrini/fix/a11y

Make focus outlines show on BR buttons

Author: cdrini

package-lock.json

@@ -26,7 +26,7 @@
   "private": false,
   "dependencies": {
     "@internetarchive/ia-activity-indicator": "^0.0.4",
-    "@internetarchive/ia-item-navigator": "^2.0.3",
+    "@internetarchive/ia-item-navigator": "^2.1.0",
     "@internetarchive/icon-bookmark": "^1.3.4",
     "@internetarchive/icon-dl": "^1.3.4",
     "@internetarchive/icon-edit-pencil": "^1.3.4",

package.json

@@ -20,9 +20,6 @@
     font-weight: 700;
     color: #dedede;
   }
-  a {
-    outline: none;
-  }
   button {
     cursor: pointer;
   }

src/css/_BRmain.scss

@@ -103,7 +103,7 @@
     border: none;
     border-radius: 2px;
     background: transparent;
-    outline: none;
+
     @media (hover: hover) {
       /* styles to apply on devices that support hover */
       &:hover .BRtooltip {

src/css/_BRnav.scss

@@ -164,7 +164,6 @@
       max-width: 160px;
       height: 100%;
       color: white;
-      outline: none;
       border: none;
       padding: 3px 0px 3px 10px;
       margin: 0;