Update filter button styles

woocommerce · Aug 22, 2022 · 0fefbce · 0fefbce
1 parent d8eba08
commit 0fefbce
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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;
+}