fix: Improve accessibility of buttons / tab indexes with tooltips

2019-08-29 00:06:21 -07:00
parent 579eaf325b
commit 140f009b4d
4 changed files with 43 additions and 27 deletions
--- a/app/components/Sidebar/components/SidebarLink.js
+++ b/app/components/Sidebar/components/SidebarLink.js
@@ -140,6 +140,12 @@ const StyledNavLink = styled(NavLink)`
    color: ${props => props.theme.text};
  }

+  &:focus {
+    color: ${props => props.theme.text};
+    background: ${props => props.theme.sidebarItemBackground};
+    outline: none;
+  }
+
  &:hover {
    > ${Action} {
      display: inline;