Fix the incorrect layout of Rating and Price in Classic Template and …

…Products block (#7932) * Fix the incorrect layout of Rating and Price in Classic Template There were styles required in Rating Filter that were added globally and influenced the layout of Rating in Products block as well as Classic template. The styles were moved to the Rating Filter block
woocommerce · Dec 14, 2022 · cfb920a · cfb920a
1 parent d5a943d
commit cfb920a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/assets/js/base/components/product-rating/index.tsx b/assets/js/base/components/product-rating/index.tsx
@@ -7,7 +7,6 @@ import { __, sprintf } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import './style.scss';
 
 const Rating = ( {
 	className,

diff --git a/assets/js/base/components/product-rating/style.scss b/assets/js/base/components/product-rating/style.scss
diff --git a/assets/js/blocks/rating-filter/style.scss b/assets/js/blocks/rating-filter/style.scss
@@ -29,6 +29,12 @@
 		}
 	}
 
+	.wc-block-components-product-rating__stars {
+		display: inline-block;
+		line-height: 1;
+		height: 1em;
+	}
+
 	.wc-blocks-components-form-token-field-wrapper {
 		flex-grow: 1;
 		max-width: unset;