web: components: expanded the click area in the InputBlock

This commit is contained in:
NikolayRechkin 2019-12-13 12:25:21 +03:00
parent d7e7f8a2ce
commit 390600655a

View File

@ -17,6 +17,8 @@ const StyledIconBlock = styled.div`
(props.size === 'big' && '30px') ||
(props.size === 'huge' && '30px')
};
cursor: ${props =>
props.isDisabled || !props.isClickable ? "default" : "pointer"};
height: 100%;
padding-right: 7px;
`;
@ -157,7 +159,10 @@ class InputBlock extends React.Component {
{
iconNames.includes(iconName) && (
<div className="append">
<StyledIconBlock>
<StyledIconBlock
isDisabled={isDisabled}
onClick={this.onIconClick}
isClickable={typeof onIconClick === 'function'}>
<IconButton
size={iconButtonSize}
color={iconColor}