Fix the price filter setting label style

woocommerce · Aug 25, 2022 · 1f1c998 · 1f1c998
1 parent 9753089
commit 1f1c998
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/assets/js/blocks/price-filter/edit.tsx b/assets/js/blocks/price-filter/edit.tsx
@@ -46,6 +46,7 @@ export default function ( {
 		return (
 			<InspectorControls key="inspector">
 				<PanelBody
+					className="wc-block-price-filter__settings"
 					title={ __( 'Settings', 'woo-gutenberg-products-block' ) }
 				>
 					<ToggleGroupControl

diff --git a/assets/js/blocks/price-filter/editor.scss b/assets/js/blocks/price-filter/editor.scss
@@ -6,9 +6,11 @@
 		&::-webkit-slider-thumb {
 			pointer-events: none;
 		}
+
 		&::-moz-range-thumb {
 			pointer-events: none;
 		}
+
 		&::-ms-thumb {
 			pointer-events: none;
 		}
@@ -23,9 +25,11 @@
 	}
 }
 
-.components-base-control__label {
-	text-transform: uppercase;
-	@include font-size(small);
+.wc-block-price-filter__settings {
+	.components-base-control__label {
+		text-transform: uppercase;
+		@include font-size(small);
+	}
 }
 
 .wc-block-price-slider {
@@ -35,13 +39,16 @@
 		padding-bottom: 1em;
 		margin-bottom: 2em;
 	}
+
 	.components-placeholder__label svg {
 		fill: currentColor;
 		margin-right: 1ch;
 	}
+
 	.components-placeholder__fieldset {
 		display: block; /* Disable flex box */
 	}
+
 	.wc-block-price-slider__add-product-button {
 		margin: 0 0 1em;
 		vertical-align: middle;
@@ -54,6 +61,7 @@
 			vertical-align: middle;
 		}
 	}
+
 	.wc-block-price-slider__read_more_button {
 		display: block;
 		margin-bottom: 1em;