Filter By Rating: fix overlapping stars

gigitux · mikejolley · commit 5d0b55f917a2 · 2023-11-07T10:59:44.000Z
diff --git a/assets/js/base/components/product-rating/style.scss b/assets/js/base/components/product-rating/style.scss
@@ -2,7 +2,6 @@ $line-height: 1.618;
 
 .wc-block-components-product-rating {
 	display: block;
-	line-height: 1;
 
 	span {
 		line-height: $line-height;
@@ -26,6 +25,7 @@ $line-height: 1.618;
 
 		&::before {
 			content: "\53\53\53\53\53";
+			line-height: $line-height;
 			top: 0;
 			left: 0;
 			right: 0;
@@ -50,6 +50,7 @@ $line-height: 1.618;
 			right: 0;
 			position: absolute;
 			color: inherit;
+			line-height: $line-height;
 			white-space: nowrap;
 		}
 	}
diff --git a/assets/js/blocks/rating-filter/style.scss b/assets/js/blocks/rating-filter/style.scss
@@ -31,8 +31,6 @@
 
 	.wc-block-components-product-rating__stars {
 		display: inline-block;
-		line-height: 1;
-		height: 1em;
 	}
 
 	.wc-blocks-components-form-token-field-wrapper {

Original file line number	Diff line number	Diff line change
`@@ -31,8 +31,6 @@`
`31`	`31`
`32`	`32`	`.wc-block-components-product-rating__stars {`
`33`	`33`	`display: inline-block;`
`34`		`- line-height: 1;`
`35`		`- height: 1em;`
`36`	`34`	`}`
`37`	`35`
`38`	`36`	`.wc-blocks-components-form-token-field-wrapper {`