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,
&:focus {
border: 1px solid ${colors.TEXT_PRIMARY};
background: ${props => (props.checked ? colors.TEXT_PRIMARY : colors.WHITE)};
border: 1px solid ${colors.GREEN_PRIMARY};
color: ${colors.WHITE};
background: ${props => (props.checked ? colors.GREEN_PRIMARY : colors.WHITE)};
}
`;
@ -74,7 +75,12 @@ class Checkbox extends PureComponent {
<IconWrapper checked={checked}>
{checked && (
<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>
)
}