coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Document stars

Browse Source
This commit is contained in:
Tom Moor
2017-10-21 15:34:00 -07:00
parent a756769060
commit bafc491901
1 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/components/DocumentPreview/DocumentPreview.js
View File

@ -5,7 +5,7 @@ import { Link } from 'react-router-dom';
import Document from 'models/Document'; import Document from 'models/Document';
import styled from 'styled-components'; import styled from 'styled-components';
import { color } from 'styles/constants'; import { color } from 'styles/constants';
import Icon from 'components/Icon'; import StarredIcon from 'components/Icon/StarredIcon';
import PublishingInfo from './components/PublishingInfo'; import PublishingInfo from './components/PublishingInfo';
type Props = { type Props = {
@ -15,18 +15,13 @@ type Props = {
innerRef?: Function, innerRef?: Function,
}; };
const StyledStar = styled(({ solid, ...props }) => <Icon {...props} />).attrs({ const StyledStar = styled(({ solid, ...props }) => (
type: 'Star', <StarredIcon color={solid ? color.black : color.text} {...props} />
color: color.text, ))`
})` position: absolute;
width: 16px;
height: 16px;
top: 1px;
margin-left: 4px;
opacity: ${props => (props.solid ? '1 !important' : 0)}; opacity: ${props => (props.solid ? '1 !important' : 0)};
transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;
margin-left: 2px;
${props => props.solid && 'polygon { fill: #000};'}
&:hover { &:hover {
transform: scale(1.1); transform: scale(1.1);