Give stars some polish

2017-10-01 16:00:18 -07:00
parent f04fcf1b91
commit c6e260b5dd
1 changed files with 8 additions and 1 deletions
--- a/frontend/components/DocumentPreview/DocumentPreview.js
+++ b/frontend/components/DocumentPreview/DocumentPreview.js
@ -24,9 +24,16 @@ const StyledStar = styled(({ solid, ...props }) => <Icon {...props} />).attrs({
  top: 1px;
  margin-left: 4px;
  opacity: ${props => (props.solid ? '1 !important' : 0)};
-  transition: opacity 100ms ease-in-out;
+  transition: all 100ms ease-in-out;

  ${props => props.solid && 'polygon { fill: #000};'}
+
+  &:hover {
+    transform: scale(1.1);
+  }
+  &:active {
+    transform: scale(0.95);
+  }
 `;

 const DocumentLink = styled(Link)`