fix(app): remove focus state in nav on app load (#11068)

vabruzzo · web-flow · commit ace77fd5417e · 2022-07-11T13:46:08.000-04:00
diff --git a/app/src/App/Navbar.tsx b/app/src/App/Navbar.tsx
@@ -42,6 +42,11 @@ const NavbarLink = styled(NavLink)`
     background-color: ${COLORS.darkGreyHover};
   }
 
+  &:focus-visible.active {
+    box-shadow: none;
+    outline: none;
+  }
+
   &:active {
     background-color: ${COLORS.darkBlackPressed};
   }

Original file line number	Diff line number	Diff line change
@@ -42,6 +42,11 @@ const NavbarLink = styled(NavLink)`
`42`	`42`	`background-color: ${COLORS.darkGreyHover};`
`43`	`43`	`}`
`44`	`44`
	`45`	`+ &:focus-visible.active {`
	`46`	`+ box-shadow: none;`
	`47`	`+ outline: none;`
	`48`	`+ }`
	`49`	`+`
`45`	`50`	`&:active {`
`46`	`51`	`background-color: ${COLORS.darkBlackPressed};`
`47`	`52`	`}`