Add Powered by Mailchimp text to newsletter sign-up label (https://github.com/woocommerce/woocommerce-admin/pull/7619)

* Add Powered by Mailchimp label text

* Vertically center confirmation checkbox
This commit is contained in:
Adrian Duffell 2021-09-03 19:13:31 +08:00 committed by GitHub
parent 8f836c292f
commit 4c13bca528
2 changed files with 26 additions and 5 deletions

View File

@ -348,12 +348,22 @@ class StoreDetails extends Component {
<CardFooter>
<FlexItem>
<div>
<div className="woocommerce-profile-wizard__newsletter-signup">
<CheckboxControl
label={ __(
'Get tips, product updates and inspiration straight to your mailbox',
'woocommerce-admin'
) }
label={
<>
{ __(
'Get tips, product updates and inspiration straight to your mailbox.',
'woocommerce-admin'
) }{ ' ' }
<span className="woocommerce-profile-wizard__powered-by-mailchimp">
{ __(
'Powered by Mailchimp',
'woocommerce-admin'
) }
</span>
</>
}
{ ...getInputProps(
'isAgreeMarketing'
) }

View File

@ -8,3 +8,14 @@
min-width: 360px;
}
}
.woocommerce-profile-wizard__newsletter-signup {
.components-base-control__field {
display: flex;
align-items: center;
}
.woocommerce-profile-wizard__powered-by-mailchimp {
color: $studio-gray-20;
}
}