From 3c027745e139c57ce729da6d13600549b7e9b7cc Mon Sep 17 00:00:00 2001 From: stacimc <63313398+stacimc@users.noreply.github.com> Date: Tue, 27 Apr 2021 03:38:36 -0700 Subject: [PATCH] Mailchimp Block: Fix styling issue with FSE (#19566) Co-authored-by: Andrew Serong --- .../jetpack/changelog/fix-mailchimp-styling-for-fse | 4 ++++ .../plugins/jetpack/extensions/blocks/mailchimp/view.scss | 7 ++++++- 2 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 projects/plugins/jetpack/changelog/fix-mailchimp-styling-for-fse diff --git a/projects/plugins/jetpack/changelog/fix-mailchimp-styling-for-fse b/projects/plugins/jetpack/changelog/fix-mailchimp-styling-for-fse new file mode 100644 index 0000000000000..dd140e667cd79 --- /dev/null +++ b/projects/plugins/jetpack/changelog/fix-mailchimp-styling-for-fse @@ -0,0 +1,4 @@ +Significance: patch +Type: compat + +Mailchimp block: add base styles to ensure compatibility with WordPress' Full Site Editing feature. diff --git a/projects/plugins/jetpack/extensions/blocks/mailchimp/view.scss b/projects/plugins/jetpack/extensions/blocks/mailchimp/view.scss index 76182ff31de70..755ae4c6c3170 100644 --- a/projects/plugins/jetpack/extensions/blocks/mailchimp/view.scss +++ b/projects/plugins/jetpack/extensions/blocks/mailchimp/view.scss @@ -8,10 +8,15 @@ } } - .wp-block-jetpack-button { + .wp-block-jetpack-button, p { margin-bottom: 1em; } + input { + box-sizing: border-box; + width: 100%; + } + .error, .error:focus { outline: 1px;