From 0bbcd8c726bbcd322e551a4fac202e021b81e407 Mon Sep 17 00:00:00 2001 From: Daniel Richards Date: Thu, 30 Jan 2025 13:49:20 +0800 Subject: [PATCH 1/4] Fix form field widths --- projects/packages/forms/src/blocks/contact-form/editor.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/packages/forms/src/blocks/contact-form/editor.scss b/projects/packages/forms/src/blocks/contact-form/editor.scss index 9c6c49186d55..00ff0f756a9e 100644 --- a/projects/packages/forms/src/blocks/contact-form/editor.scss +++ b/projects/packages/forms/src/blocks/contact-form/editor.scss @@ -41,7 +41,7 @@ } } - .block-editor-inner-blocks > .block-editor-block-list__layout { + .block-editor-block-list__layout { display: flex; flex-wrap: wrap; justify-content: flex-start; From d8c9be7b2f34d35f796e72c7efd9d0340befc368 Mon Sep 17 00:00:00 2001 From: Daniel Richards Date: Thu, 30 Jan 2025 13:54:05 +0800 Subject: [PATCH 2/4] Update preview classname to target block element correctly --- projects/packages/forms/src/blocks/contact-form/editor.scss | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/projects/packages/forms/src/blocks/contact-form/editor.scss b/projects/packages/forms/src/blocks/contact-form/editor.scss index 00ff0f756a9e..a043f3ae31f6 100644 --- a/projects/packages/forms/src/blocks/contact-form/editor.scss +++ b/projects/packages/forms/src/blocks/contact-form/editor.scss @@ -581,10 +581,7 @@ .block-editor-inserter__preview { .jetpack-contact-form { padding: 16px; - - .block-editor-inner-blocks .block-editor-block-list__layout { - margin: 0; - } + margin: 0; } } From 2587aed131c37d7df9e60ba945b4cc39edea767e Mon Sep 17 00:00:00 2001 From: Daniel Richards Date: Thu, 30 Jan 2025 14:05:58 +0800 Subject: [PATCH 3/4] Remove block preview styles --- .../packages/forms/src/blocks/contact-form/editor.scss | 8 -------- 1 file changed, 8 deletions(-) diff --git a/projects/packages/forms/src/blocks/contact-form/editor.scss b/projects/packages/forms/src/blocks/contact-form/editor.scss index a043f3ae31f6..8be9bdbbdda2 100644 --- a/projects/packages/forms/src/blocks/contact-form/editor.scss +++ b/projects/packages/forms/src/blocks/contact-form/editor.scss @@ -577,14 +577,6 @@ } } -// Overrides to make the preview look good -.block-editor-inserter__preview { - .jetpack-contact-form { - padding: 16px; - margin: 0; - } -} - // Make sure form settings dropdown looks good on older Gutenberg versions .jetpack-contact-form__popover .components-popover__content { min-width: 260px; From 80aee7eddbe2e28e25c629846e0b9983448224a8 Mon Sep 17 00:00:00 2001 From: Daniel Richards Date: Thu, 30 Jan 2025 14:09:51 +0800 Subject: [PATCH 4/4] changelog --- projects/packages/forms/changelog/fix-form-field-widths | 4 ++++ projects/plugins/jetpack/changelog/fix-form-field-widths | 4 ++++ 2 files changed, 8 insertions(+) create mode 100644 projects/packages/forms/changelog/fix-form-field-widths create mode 100644 projects/plugins/jetpack/changelog/fix-form-field-widths diff --git a/projects/packages/forms/changelog/fix-form-field-widths b/projects/packages/forms/changelog/fix-form-field-widths new file mode 100644 index 000000000000..55beb1ec9e48 --- /dev/null +++ b/projects/packages/forms/changelog/fix-form-field-widths @@ -0,0 +1,4 @@ +Significance: patch +Type: fixed + +Forms: Fix field spacing and widths. diff --git a/projects/plugins/jetpack/changelog/fix-form-field-widths b/projects/plugins/jetpack/changelog/fix-form-field-widths new file mode 100644 index 000000000000..58a1edb2990e --- /dev/null +++ b/projects/plugins/jetpack/changelog/fix-form-field-widths @@ -0,0 +1,4 @@ +Significance: patch +Type: bugfix + +Forms: Fix field spacing and widths.