1
0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-01 03:40:53 +00:00

Add disable state for Select

This commit is contained in:
Vasek Mlejnsky 2018-09-03 10:49:07 +02:00
parent dfb4473bcc
commit 38d42cd1c5

View File

@ -7,10 +7,13 @@ import colors from 'config/colors';
const styles = isSearchable => ({ const styles = isSearchable => ({
singleValue: base => ({ singleValue: base => ({
...base, ...base,
width: '100%',
color: colors.TEXT_SECONDARY, color: colors.TEXT_SECONDARY,
}), }),
control: (base, { isDisabled }) => ({ control: (base, { isDisabled }) => ({
...base, ...base,
minHeight: 'initial',
height: '100%',
borderRadius: '2px', borderRadius: '2px',
borderColor: colors.DIVIDER, borderColor: colors.DIVIDER,
boxShadow: 'none', boxShadow: 'none',
@ -23,9 +26,9 @@ const styles = isSearchable => ({
indicatorSeparator: () => ({ indicatorSeparator: () => ({
display: 'none', display: 'none',
}), }),
dropdownIndicator: base => ({ dropdownIndicator: (base, { isDisabled }) => ({
...base, ...base,
display: isSearchable ? 'none' : 'block', display: (isSearchable || isDisabled) ? 'none' : 'block',
color: colors.TEXT_SECONDARY, color: colors.TEXT_SECONDARY,
path: '', path: '',
'&:hover': { '&:hover': {