From 1167b54a3dec38d0c75b683e36d7a8518d07259f Mon Sep 17 00:00:00 2001 From: Niels Lange Date: Mon, 10 Jun 2024 16:25:47 +0200 Subject: [PATCH] Display return to cart link on mobile devices (#48103) * Display return to cart link on mobile devices * Add changelog entry --- .../inner-blocks/checkout-actions-block/style.scss | 9 +++++++-- .../update-43640-add-return-to-cart-link-on-mobile | 4 ++++ 2 files changed, 11 insertions(+), 2 deletions(-) create mode 100644 plugins/woocommerce/changelog/update-43640-add-return-to-cart-link-on-mobile diff --git a/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-actions-block/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-actions-block/style.scss index d40b4f5b9f5..ab2b370ff2a 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-actions-block/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-actions-block/style.scss @@ -26,13 +26,18 @@ .is-mobile { .wc-block-checkout__actions { - .wc-block-components-checkout-return-to-cart-button { - display: none; + + .wc-block-checkout__actions_row { + flex-direction: column-reverse; } .wc-block-components-checkout-place-order-button { width: 100%; } + + .wc-block-components-checkout-return-to-cart-button { + margin: $gap auto; + } } } diff --git a/plugins/woocommerce/changelog/update-43640-add-return-to-cart-link-on-mobile b/plugins/woocommerce/changelog/update-43640-add-return-to-cart-link-on-mobile new file mode 100644 index 00000000000..e55f30f97b1 --- /dev/null +++ b/plugins/woocommerce/changelog/update-43640-add-return-to-cart-link-on-mobile @@ -0,0 +1,4 @@ +Significance: minor +Type: update + +Display return to cart link on mobile devices.