arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +00:00
Code Issues Releases Wiki Activity

Fixed checkbox hover style

Browse Source
This commit is contained in:
Vladimir Volek 2018-09-17 15:46:52 +02:00
parent e867c521f7
commit 73c94a374d
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Checkbox/index.js
View File

@ -34,8 +34,9 @@ const IconWrapper = styled.div`
&:hover, &:hover,
&:focus { &:focus {
border: 1px solid ${colors.TEXT_PRIMARY}; border: 1px solid ${colors.GREEN_PRIMARY};
background: ${props => (props.checked ? colors.TEXT_PRIMARY : colors.WHITE)}; color: ${colors.WHITE};
background: ${props => (props.checked ? colors.GREEN_PRIMARY : colors.WHITE)};
} }
`; `;
@ -74,7 +75,12 @@ class Checkbox extends PureComponent {
<IconWrapper checked={checked}> <IconWrapper checked={checked}>
{checked && ( {checked && (
<Tick> <Tick>
<Icon size={26} color={checked ? colors.WHITE : colors.GREEN_PRIMARY} icon={icons.SUCCESS} /> <Icon
hoverColor={colors.WHITE}
size={26}
color={checked ? colors.WHITE : colors.GREEN_PRIMARY}
icon={icons.SUCCESS}
/>
</Tick> </Tick>
) )
} }