From 0a1af2678546fe80599432d672b7155c142f6050 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alba=20Rinc=C3=B3n?= Date: Thu, 29 Aug 2024 10:26:11 +0200 Subject: [PATCH] Remove extra bottom padding in filters in the editor (#51012) * Remove filter margins in the editor * Add changefile(s) from automation for the following project(s): woocommerce-blocks * Remove small space after + sign --------- Co-authored-by: github-actions --- .../assets/js/blocks/active-filters/style.scss | 1 - .../product-filter/inner-blocks/active-filters/style.scss | 1 - .../product-filter/inner-blocks/rating-filter/style.scss | 2 ++ .../assets/js/blocks/stock-filter/style.scss | 4 ++-- .../woocommerce/changelog/51012-47886-remove-padding-filters | 4 ++++ 5 files changed, 8 insertions(+), 4 deletions(-) create mode 100644 plugins/woocommerce/changelog/51012-47886-remove-padding-filters diff --git a/plugins/woocommerce-blocks/assets/js/blocks/active-filters/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/active-filters/style.scss index 7bf19b372ee..73e1d496c6e 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/active-filters/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/active-filters/style.scss @@ -16,7 +16,6 @@ } .wc-block-active-filters { - margin-bottom: $gap-large; overflow: hidden; .wc-block-active-filters__clear-all { diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-filter/inner-blocks/active-filters/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/product-filter/inner-blocks/active-filters/style.scss index 008c83df852..46021c156c4 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/product-filter/inner-blocks/active-filters/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/product-filter/inner-blocks/active-filters/style.scss @@ -1,7 +1,6 @@ @import "../../../../../../packages/components/chip/style"; .wp-block-woocommerce-product-filter-active { - margin-bottom: $gap-large; overflow: hidden; .clear-all { diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-filter/inner-blocks/rating-filter/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/product-filter/inner-blocks/rating-filter/style.scss index ff6a707758e..05109040dcd 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/product-filter/inner-blocks/rating-filter/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/product-filter/inner-blocks/rating-filter/style.scss @@ -1,4 +1,6 @@ .wp-block-woocommerce-product-filter-rating { + display: grid; + .wc-block-components-product-rating { margin-bottom: 0; display: flex; diff --git a/plugins/woocommerce-blocks/assets/js/blocks/stock-filter/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/stock-filter/style.scss index 8e5f5c92127..8598cf1fe27 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/stock-filter/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/stock-filter/style.scss @@ -12,6 +12,8 @@ } .wc-block-stock-filter { + display: grid; + &.is-loading { @include placeholder(); margin-top: $gap; @@ -19,8 +21,6 @@ border-radius: 0; } - margin-bottom: $gap-large; - .wc-block-stock-filter-list { margin: 0; diff --git a/plugins/woocommerce/changelog/51012-47886-remove-padding-filters b/plugins/woocommerce/changelog/51012-47886-remove-padding-filters new file mode 100644 index 00000000000..b13cac4a88f --- /dev/null +++ b/plugins/woocommerce/changelog/51012-47886-remove-padding-filters @@ -0,0 +1,4 @@ +Significance: minor +Type: fix + +Remove extra bottom padding in filters in the editor. \ No newline at end of file