Browse Source

Fix annoying hover state in sidebar items

master
meriadec 7 years ago
parent
commit
fc0381d486
No known key found for this signature in database GPG Key ID: 1D2FC2305E2CB399
  1. 5
      src/components/SideBar/Item.js

5
src/components/SideBar/Item.js

@ -38,12 +38,11 @@ const Container = styled(Tabbable).attrs({
cursor: pointer;
color: ${p => p.theme.colors.dark};
opacity: ${p => (p.isActive ? 1 : 0.4)};
background: ${p => (p.isActive ? p.theme.colors.paleGrey : '')};
background: ${p => (p.isActive ? p.theme.colors.argile : '')};
height: ${p => (p.big ? 50 : 36)}px;
outline: none;
&:hover,
&:focus {
&:hover {
background: ${p => (p.isActive ? p.theme.colors.argile : p.theme.colors.cream)};
}
`

Loading…
Cancel
Save