From d9fae2aef5e9b5f78468fb33f4bad6a40af79751 Mon Sep 17 00:00:00 2001 From: Saad Tarhi Date: Mon, 30 Oct 2023 08:34:25 +0100 Subject: [PATCH 1/3] Fix empty spaces in the address form --- .../checkout/inner-blocks/checkout-fields-block/style.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss b/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss index 81f2689ad14..10c860f3a15 100644 --- a/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss +++ b/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss @@ -18,11 +18,12 @@ display: flex; flex-wrap: wrap; justify-content: space-between; + gap: 0 calc(#{$gap-smaller} * 2); .wc-block-components-text-input, .wc-block-components-country-input, .wc-block-components-state-input { - flex: 0 0 calc(50% - #{$gap-smaller}); + flex: 1 0 calc(50% - #{$gap-smaller}); box-sizing: border-box; &:nth-of-type(2), From e612ff68142ebf7e25f1c19eb5f57264dee45d5f Mon Sep 17 00:00:00 2001 From: Saad Tarhi Date: Thu, 9 Nov 2023 08:13:56 +0100 Subject: [PATCH 2/3] Fix checkout layout for Japan and Hungary --- .../checkout/inner-blocks/checkout-fields-block/style.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss b/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss index 10c860f3a15..ca3028e0d1c 100644 --- a/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss +++ b/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss @@ -21,7 +21,6 @@ gap: 0 calc(#{$gap-smaller} * 2); .wc-block-components-text-input, - .wc-block-components-country-input, .wc-block-components-state-input { flex: 1 0 calc(50% - #{$gap-smaller}); box-sizing: border-box; @@ -34,7 +33,8 @@ .wc-block-components-address-form__company, .wc-block-components-address-form__address_1, - .wc-block-components-address-form__address_2 { + .wc-block-components-address-form__address_2, + .wc-block-components-country-input { flex: 0 0 100%; } } From 00de29500ff9afed4c374d2a302cab6448067543 Mon Sep 17 00:00:00 2001 From: Saad Tarhi Date: Thu, 9 Nov 2023 08:17:43 +0100 Subject: [PATCH 3/3] Added some comments in CSS --- .../checkout/inner-blocks/checkout-fields-block/style.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss b/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss index ca3028e0d1c..808a583734d 100644 --- a/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss +++ b/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss @@ -18,11 +18,11 @@ display: flex; flex-wrap: wrap; justify-content: space-between; - gap: 0 calc(#{$gap-smaller} * 2); + gap: 0 calc(#{$gap-smaller} * 2); // Required for spacing especially when using flex-grow .wc-block-components-text-input, .wc-block-components-state-input { - flex: 1 0 calc(50% - #{$gap-smaller}); + flex: 1 0 calc(50% - #{$gap-smaller}); // "flex-grow = 1" allows the input to grow to fill the space box-sizing: border-box; &:nth-of-type(2),