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; composes: inputWrap;
.input { .input {
padding-left: $spacer / 1.25; padding-left: $spacer * 1.5;
} }
svg { svg {
position: absolute; position: absolute;
left: $spacer / 3; left: $spacer / 2;
width: 1.25rem; width: 1.25rem;
height: 1.25rem; height: 1.25rem;
top: 50%; top: 50%;
margin-top: -.75rem; margin-top: -.6rem;
fill: rgba($brand-grey-light, .7); 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 ( return (
<div className={this.inputWrapClasses()}> <div className={this.inputWrapClasses()}>
<input className={styles.input} {...props} /> <input className={styles.input} {...props} />
{props.type === 'search' && <SearchIcon />}
</div> </div>
) )
} }
@ -139,7 +140,6 @@ export default class Input extends PureComponent<InputProps, InputState> {
onFocus={this.toggleFocus} onFocus={this.toggleFocus}
onBlur={this.toggleFocus} onBlur={this.toggleFocus}
/> />
{type === 'search' && <SearchIcon />}
{help && <Help>{help}</Help>} {help && <Help>{help}</Help>}