From 268fc4cf4d5de16d48a9d392975b58e202ae7ea8 Mon Sep 17 00:00:00 2001 From: Sam Seay Date: Fri, 13 Sep 2024 09:22:55 +0800 Subject: [PATCH] Fix a bug where the guest order confirmation email input was too wide (#51277) * Add styles to style the input width appropriately. * Remove redundant styles. * Remove unused import * Add changefile(s) from automation for the following project(s): woocommerce-blocks, woocommerce --------- Co-authored-by: github-actions --- .../js/blocks/order-confirmation/status/style.scss | 13 +++++++++++++ .../js/blocks/order-confirmation/summary/style.scss | 6 ------ plugins/woocommerce/changelog/51277-bugfix-46283 | 4 ++++ .../Blocks/BlockTypes/OrderConfirmation/Status.php | 2 -- 4 files changed, 17 insertions(+), 8 deletions(-) create mode 100644 plugins/woocommerce/changelog/51277-bugfix-46283 diff --git a/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/status/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/status/style.scss index 71c9a6e4feb..da618182353 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/status/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/status/style.scss @@ -1,3 +1,16 @@ +.wc-block-order-confirmation-status-description { + .woocommerce-verify-email { + margin-top: $gap-larger; + #verify-email { + width: 50%; + + @include breakpoint("<782px") { + width: 100%; + } + } + } +} + .wc-block-order-confirmation-status { margin-top: $gap; margin-bottom: $gap; diff --git a/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/summary/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/summary/style.scss index 63380eda4fa..a1d7f58cf27 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/summary/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/summary/style.scss @@ -36,12 +36,6 @@ } } } - .woocommerce-verify-email { - margin-top: $gap-larger; - #verify-email { - width: 50%; - } - } &.has-background { padding: $gap; diff --git a/plugins/woocommerce/changelog/51277-bugfix-46283 b/plugins/woocommerce/changelog/51277-bugfix-46283 new file mode 100644 index 00000000000..cc81d2fcd5b --- /dev/null +++ b/plugins/woocommerce/changelog/51277-bugfix-46283 @@ -0,0 +1,4 @@ +Significance: patch +Type: fix + +Fix a styling bug where the guest order confirmation email input was too wide. \ No newline at end of file diff --git a/plugins/woocommerce/src/Blocks/BlockTypes/OrderConfirmation/Status.php b/plugins/woocommerce/src/Blocks/BlockTypes/OrderConfirmation/Status.php index 9c38143c870..047be224e28 100644 --- a/plugins/woocommerce/src/Blocks/BlockTypes/OrderConfirmation/Status.php +++ b/plugins/woocommerce/src/Blocks/BlockTypes/OrderConfirmation/Status.php @@ -2,8 +2,6 @@ namespace Automattic\WooCommerce\Blocks\BlockTypes\OrderConfirmation; -use Automattic\WooCommerce\Blocks\Utils\StyleAttributesUtils; - /** * Status class. */