maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

PriceFilterPlain: fix padding

Browse source
This commit is contained in:
Vesa Luusua 2018-11-19 12:25:20 +02:00
parent ecaa1ece42
commit 7422281f31
2 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/PriceFilter/PriceFilterPlain.css
View file

@ -34,6 +34,10 @@
cursor: pointer;
}
.formWrapper {
padding-left: 20px;
}
.clearButton {
@apply --marketplaceH5FontStyles;
font-weight: var(--fontWeightMedium);

30
src/components/PriceFilter/PriceFilterPlain.js
View file

@ -73,20 +73,22 @@ class PriceFilterPlainComponent extends Component {
<FormattedMessage id={'PriceFilter.clear'} />
</button>
</div>
<PriceFilterForm
id={id}
initialValues={hasInitialValues ? initialValues : { minPrice: min, maxPrice: max }}
onChange={this.handleChange}
intl={intl}
contentRef={node => {
this.filterContent = node;
}}
min={min}
max={max}
step={step}
liveEdit
isOpen={this.state.isOpen}
/>
<div className={css.formWrapper}>
<PriceFilterForm
id={id}
initialValues={hasInitialValues ? initialValues : { minPrice: min, maxPrice: max }}
onChange={this.handleChange}
intl={intl}
contentRef={node => {
this.filterContent = node;
}}
min={min}
max={max}
step={step}
liveEdit
isOpen={this.state.isOpen}
/>
</div>
</div>
);
}