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

Added: New document icon / menu to Dashboard screen

Browse Source
This commit is contained in:
Tom Moor
2018-06-30 14:01:21 -07:00
parent c599bb70ca
commit 5c7a182897
3 changed files with 95 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/DropdownMenu/DropdownMenuItem.js
View File

@ -5,6 +5,7 @@ import styled from 'styled-components';
type Props = {
onClick?: (SyntheticEvent<*>) => *,
children?: React.Node,
disabled?: boolean,
};
const DropdownMenuItem = ({ onClick, children, ...rest }: Props) => {
@ -21,24 +22,32 @@ const MenuItem = styled.a`
padding: 6px 12px;
height: 32px;
color: ${props => props.theme.slateDark};
color: ${props =>
props.disabled ? props.theme.slate : props.theme.slateDark};
justify-content: left;
align-items: center;
cursor: pointer;
font-size: 15px;
cursor: default;
svg {
margin-right: 8px;
}
${props =>
props.disabled
? ''
: `
&:hover {
color: ${props => props.theme.white};
background: ${props => props.theme.primary};
color: ${props.theme.white};
background: ${props.theme.primary};
cursor: pointer;
svg {
fill: ${props => props.theme.white};
fill: ${props.theme.white};
}
}
`};
`;
export default DropdownMenuItem;