From 0fefbce8e6249bcdf1dfb9d129ff6538b04ad8b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alba=20Rinc=C3=B3n?= Date: Mon, 22 Aug 2022 16:02:07 +0200 Subject: [PATCH] Update filter button styles --- assets/js/blocks/attribute-filter/style.scss | 7 +++++++ assets/js/blocks/price-filter/style.scss | 7 +++++++ assets/js/blocks/stock-filter/style.scss | 12 ++++++++---- 3 files changed, 22 insertions(+), 4 deletions(-) diff --git a/assets/js/blocks/attribute-filter/style.scss b/assets/js/blocks/attribute-filter/style.scss index 73375727ed7..642b1d94fe3 100644 --- a/assets/js/blocks/attribute-filter/style.scss +++ b/assets/js/blocks/attribute-filter/style.scss @@ -67,3 +67,10 @@ } } } + +.editor-styles-wrapper .wc-block-attribute-filter__button.wc-block-attribute-filter__button, +.wc-block-attribute-filter__button.wc-block-attribute-filter__button { + padding: $gap-smaller $gap; + font-size: 0.875em; + border-radius: 2px; +} diff --git a/assets/js/blocks/price-filter/style.scss b/assets/js/blocks/price-filter/style.scss index 03784801a34..cbfc15db569 100644 --- a/assets/js/blocks/price-filter/style.scss +++ b/assets/js/blocks/price-filter/style.scss @@ -26,3 +26,10 @@ border-style: solid; } } + +.editor-styles-wrapper .wc-block-price-filter__button.wc-block-components-price-slider__button, +.wc-block-price-filter__button.wc-block-components-price-slider__button { + padding: $gap-smaller $gap; + font-size: 0.875em; + border-radius: 2px; +} diff --git a/assets/js/blocks/stock-filter/style.scss b/assets/js/blocks/stock-filter/style.scss index 705aad8ebae..6a8881f578c 100644 --- a/assets/js/blocks/stock-filter/style.scss +++ b/assets/js/blocks/stock-filter/style.scss @@ -21,10 +21,6 @@ opacity: 0.6; } - .wc-block-stock-filter__button { - margin-top: $gap-smaller; - } - .wc-block-stock-filter__actions { align-items: center; display: flex; @@ -39,3 +35,11 @@ } } } + +.editor-styles-wrapper .wc-block-stock-filter .wp-block-button__link, +.wc-block-stock-filter .wc-block-stock-filter__button { + margin-top: $gap-smaller; + padding: $gap-smaller $gap; + font-size: 0.875em; + border-radius: 2px; +}