Onboarding - business details step: increase max-height on competitors listbox (https://github.com/woocommerce/woocommerce-admin/pull/4111)

* Enlarged competitors' Listbox in the Onboarding

Onboarding - Added a new class to enlarge the competitors' Listbox in the Business details step.

* Replaced fixed height with unset

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
This commit is contained in:
Fernando 2020-04-13 11:43:57 -03:00 committed by GitHub
parent cf2185eaaa
commit b96ee37992
2 changed files with 25 additions and 17 deletions

View File

@ -626,30 +626,34 @@ class BusinessDetails extends Component {
'brick-mortar-other', 'brick-mortar-other',
].includes( values.selling_venues ) && ( ].includes( values.selling_venues ) && (
<Fragment> <Fragment>
<SelectControl <div className="business-competitors">
label={ __( <SelectControl
'Which platform is the store using?',
'woocommerce-admin'
) }
options={ otherPlatformOptions }
required
{ ...getInputProps(
'other_platform'
) }
/>
{ values.other_platform ===
'other' && (
<TextControl
label={ __( label={ __(
'What is the platform name?', 'Which platform is the store using?',
'woocommerce-admin' 'woocommerce-admin'
) } ) }
options={
otherPlatformOptions
}
required required
{ ...getInputProps( { ...getInputProps(
'other_platform_name' 'other_platform'
) } ) }
/> />
) } { values.other_platform ===
'other' && (
<TextControl
label={ __(
'What is the platform name?',
'woocommerce-admin'
) }
required
{ ...getInputProps(
'other_platform_name'
) }
/>
) }
</div>
</Fragment> </Fragment>
) } ) }

View File

@ -27,6 +27,10 @@
max-width: 100%; max-width: 100%;
justify-content: center; justify-content: center;
} }
.business-competitors .woocommerce-select-control__listbox {
max-height: unset;
}
} }
.woocommerce-profile-wizard__card-actions { .woocommerce-profile-wizard__card-actions {