From 948fc1ac5333195e11f445bdcef8572681bf77b8 Mon Sep 17 00:00:00 2001 From: Luigi Teschio Date: Tue, 7 Nov 2023 11:59:36 +0100 Subject: [PATCH] Filter By Rating: fix overlapping stars (https://github.com/woocommerce/woocommerce-blocks/pull/11644) --- .../assets/js/base/components/product-rating/style.scss | 3 ++- .../assets/js/blocks/rating-filter/style.scss | 2 -- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss index 07b572c7b2f..384d9b63a90 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss +++ b/plugins/woocommerce-blocks/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/plugins/woocommerce-blocks/assets/js/blocks/rating-filter/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/rating-filter/style.scss index 47c5e9e67fc..7744863f26d 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/rating-filter/style.scss +++ b/plugins/woocommerce-blocks/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 {