arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 03:08:30 +00:00
Code Issues Releases Wiki Activity

Fix checkbox css when is checked

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-09-20 13:40:16 +02:00 committed by Szymon Lesisz
parent 02f442c71b
commit 24737ddb22
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
import React, { PureComponent } from 'react'; import React, { PureComponent } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import styled from 'styled-components'; import styled, { css } from 'styled-components';
import colors from 'config/colors'; import colors from 'config/colors';
import Icon from 'components/Icon'; import Icon from 'components/Icon';
import icons from 'config/icons'; import icons from 'config/icons';
@ -34,8 +34,10 @@ const IconWrapper = styled.div`
&:hover, &:hover,
&:focus { &:focus {
border: 1px solid ${colors.TEXT_PRIMARY}; ${props => !props.checked && css`
background: ${props => (props.checked ? colors.TEXT_PRIMARY : colors.WHITE)}; border: 1px solid ${colors.GREEN_PRIMARY};
`}
background: ${props => (props.checked ? colors.GREEN_PRIMARY : colors.WHITE)};
} }
`; `;