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

Use globally configured autocomplete predictions padding

Browse source 
The padding is set for the "Powered by Google" attribution, but that
might not be present e.g. with Mapbox.
This commit is contained in:
Kimmo Puputti 2018-08-09 14:54:01 +03:00
parent f92c3bdeb2
commit 2d092a4543
5 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/LocationAutocompleteInput/LocationAutocompleteInput.css
View file

@ -68,7 +68,7 @@ size and position, etc.
.predictionsRoot {
position: absolute;
width: 100%;
padding-bottom: 72px;
padding-bottom: var(--locationAutocompleteBottomPadding);
top: var(--LocationAutocompleteInput_inputHeight);
left: 0;
background-color: var(--marketplaceColor);

2
src/forms/EditListingLocationForm/EditListingLocationForm.css
View file

@ -50,7 +50,7 @@
.predictionsRoot {
position: absolute;
width: 100%;
padding-bottom: 98px;
padding-bottom: var(--locationAutocompleteBottomPadding);
top: 36px;
left: 0;
background-color: var(--marketplaceColor);

2
src/forms/LocationSearchForm/LocationSearchForm.css
View file

@ -51,7 +51,7 @@
.searchPredictions {
position: absolute;
width: 100%;
padding-bottom: 72px;
padding-bottom: var(--locationAutocompleteBottomPadding);
top: 50px;
left: 0;
background-color: var(--marketplaceColor);

4
src/forms/TopbarSearchForm/TopbarSearchForm.css
View file

@ -132,7 +132,7 @@
left: 0;
min-height: calc(100vh - var(--TopbarSearchForm_mobilePredictionTop));
width: 100%;
padding-bottom: 72px;
padding-bottom: var(--locationAutocompleteBottomPadding);
background-color: var(--marketplaceColor);
border-bottom-left-radius: var(--borderRadius);
border-bottom-right-radius: var(--borderRadius);
@ -143,7 +143,7 @@
.desktopPredictions {
position: absolute;
width: 100%;
padding-bottom: 72px;
padding-bottom: var(--locationAutocompleteBottomPadding);
top: 50px;
left: 0;
background-color: var(--marketplaceColor);

4
src/marketplace.css
View file

@ -116,6 +116,10 @@
--modalPadding: 24px 24px 48px 24px;
--modalPaddingMedium: 55px 60px 55px 60px;
/* ================ LocationAutocompleteInput bottom attribution padding ================ */
--locationAutocompleteBottomPadding: 72px;
/* ================ Clearfix solution ================ */
--clearfix {