From c902a215d19ffb30f7ef647d2ae7059b81934534 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Albert=20Juh=C3=A9=20Lluveras?= Date: Fri, 3 Nov 2023 09:42:40 +0100 Subject: [PATCH] Prevent Sale badge overflowing the Product Image in some product grid blocks (https://github.com/woocommerce/woocommerce-blocks/pull/11556) --- plugins/woocommerce-blocks/assets/css/style.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/plugins/woocommerce-blocks/assets/css/style.scss b/plugins/woocommerce-blocks/assets/css/style.scss index 827a016b6b2..5e320b8cb81 100644 --- a/plugins/woocommerce-blocks/assets/css/style.scss +++ b/plugins/woocommerce-blocks/assets/css/style.scss @@ -161,6 +161,13 @@ // Element spacing. .wc-block-grid__product { + // Prevent link and image taking the full width unnecessarily, which might cause: https://github.com/woocommerce/woocommerce-blocks/issues/11438 + .wc-block-grid__product-link, + .wc-block-grid__product-image { + display: inline-block; + position: relative; + } + // Not operator necessary for avoid this problem: https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/5925/files#r814043454 .wc-block-grid__product-image:not(.wc-block-components-product-image), .wc-block-grid__product-title {