oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

fix search input

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-02-08 11:48:18 +01:00
parent 3448476766
commit ca73d8a43f
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/atoms/Form/Input.module.scss
View File

@ -17,16 +17,16 @@
composes: inputWrap;
.input {
padding-left: $spacer / 1.25;
padding-left: $spacer * 1.5;
}
svg {
position: absolute;
left: $spacer / 3;
left: $spacer / 2;
width: 1.25rem;
height: 1.25rem;
top: 50%;
margin-top: -.75rem;
margin-top: -.6rem;
fill: rgba($brand-grey-light, .7);
}
}

2
src/components/atoms/Form/Input.tsx
View File

@ -106,6 +106,7 @@ export default class Input extends PureComponent<InputProps, InputState> {
return (
<div className={this.inputWrapClasses()}>
<input className={styles.input} {...props} />
{props.type === 'search' && <SearchIcon />}
</div>
)
}
@ -139,7 +140,6 @@ export default class Input extends PureComponent<InputProps, InputState> {
onFocus={this.toggleFocus}
onBlur={this.toggleFocus}
/>
{type === 'search' && <SearchIcon />}
{help && <Help>{help}</Help>}