From 44e635cbc7105a03eb6450fa38bed392c08e8833 Mon Sep 17 00:00:00 2001 From: Tom Moor Date: Sat, 2 Sep 2017 18:43:12 -0700 Subject: [PATCH] Closes #189 --- .../components/DocumentPreview/DocumentPreview.js | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/frontend/components/DocumentPreview/DocumentPreview.js b/frontend/components/DocumentPreview/DocumentPreview.js index 30cc0f845..6703e896f 100644 --- a/frontend/components/DocumentPreview/DocumentPreview.js +++ b/frontend/components/DocumentPreview/DocumentPreview.js @@ -19,13 +19,9 @@ const StyledStar = styled(StarIcon)` top: 2px; position: relative; margin-left: 4px; - opacity: ${props => (props.solid ? 1 : 0.25)}; + opacity: ${props => (props.solid ? '1 !important' : 0)}; transition: opacity 100ms ease-in-out; - &:hover { - opacity: 1; - } - svg { width: 1em; height: 1em; @@ -48,6 +44,14 @@ const DocumentLink = styled(Link)` background: ${color.smokeLight}; border: 2px solid ${color.smoke}; outline: none; + + ${StyledStar} { + opacity: .25; + + &:hover { + opacity: 1; + } + } } &:focus {