Featured items: ensure valid DOM nesting in inspector controls (https://github.com/woocommerce/woocommerce-blocks/pull/6501)

This commit is contained in:
Michael P. Pfeiffer 2022-06-01 10:02:24 +02:00 committed by GitHub
parent 70a1af8288
commit f38e0819ad
1 changed files with 9 additions and 4 deletions

View File

@ -155,18 +155,23 @@ export const InspectorControls = ( {
<ToggleGroupControl <ToggleGroupControl
help={ help={
<> <>
<p> <span
style={ {
display: 'block',
marginBottom: '1em',
} }
>
{ __( { __(
'Choose “Cover” if you want the image to scale automatically to always fit its container.', 'Choose “Cover” if you want the image to scale automatically to always fit its container.',
'woo-gutenberg-products-block' 'woo-gutenberg-products-block'
) } ) }
</p> </span>
<p> <span>
{ __( { __(
'Note: by choosing “Cover” you will lose the ability to freely move the focal point precisely.', 'Note: by choosing “Cover” you will lose the ability to freely move the focal point precisely.',
'woo-gutenberg-products-block' 'woo-gutenberg-products-block'
) } ) }
</p> </span>
</> </>
} }
label={ __( label={ __(