1
0
mirror of https://github.com/trezor/trezor-wallet synced 2025-07-07 07:12:34 +00:00

removed special styling for receive address

This commit is contained in:
slowbackspace 2018-12-10 16:57:10 +01:00
parent a9d860f065
commit 678ce48674
2 changed files with 5 additions and 11 deletions

View File

@ -63,10 +63,8 @@ const StyledInput = styled.input`
} }
&:read-only { &:read-only {
${props => !props.isReceiveAddress && css` background: ${colors.GRAY_LIGHT};
background: ${colors.GRAY_LIGHT}; color: ${colors.TEXT_SECONDARY};
color: ${colors.TEXT_SECONDARY};
`}
} }
${props => props.trezorAction && css` ${props => props.trezorAction && css`
@ -102,7 +100,7 @@ const Overlay = styled.div`
height: 100%; height: 100%;
background-image: linear-gradient(to right, background-image: linear-gradient(to right,
rgba(0,0,0, 0) 0%, rgba(0,0,0, 0) 0%,
rgba(255,255,255, 1) 220px rgba(249,249,249, 1) 220px
); );
`} `}
`; `;
@ -191,7 +189,6 @@ class Input extends PureComponent {
autoCorrect={this.props.autocorrect} autoCorrect={this.props.autocorrect}
autoCapitalize={this.props.autocapitalize} autoCapitalize={this.props.autocapitalize}
spellCheck={this.props.spellCheck} spellCheck={this.props.spellCheck}
isReceiveAddress={this.props.isReceiveAddress}
isSmallText={this.props.isSmallText} isSmallText={this.props.isSmallText}
value={this.props.value} value={this.props.value}
readOnly={this.props.readOnly} readOnly={this.props.readOnly}
@ -243,14 +240,12 @@ Input.propTypes = {
name: PropTypes.string, name: PropTypes.string,
isSmallText: PropTypes.bool, isSmallText: PropTypes.bool,
isPartiallyHidden: PropTypes.bool, isPartiallyHidden: PropTypes.bool,
isReceiveAddress: PropTypes.bool,
}; };
Input.defaultProps = { Input.defaultProps = {
type: 'text', type: 'text',
autoSelect: false, autoSelect: false,
height: 40, height: 40,
isReceiveAddress: false,
}; };
export default Input; export default Input;

View File

@ -65,13 +65,13 @@ const EyeButton = styled(Button)`
z-index: 10001; z-index: 10001;
padding: 0; padding: 0;
width: 30px; width: 30px;
background: white; background: transparent;
top: 5px; top: 5px;
position: absolute; position: absolute;
right: 10px; right: 10px;
&:hover { &:hover {
background: white; background: transparent;
} }
`; `;
@ -122,7 +122,6 @@ const AccountReceive = (props: Props) => {
<Row> <Row>
<Input <Input
type="text" type="text"
isReceiveAddress
readOnly readOnly
autoSelect autoSelect
topLabel="Address" topLabel="Address"