Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Prevent Sale badge overflowing the Product Image in some product grid blocks (https://github.com/woocommerce/woocommerce-blocks/pull/11556)

This commit is contained in:
Albert Juhé Lluveras 2023-11-03 09:42:40 +01:00 committed by GitHub
parent f74aafe1bf
commit c902a215d1
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plugins/woocommerce-blocks/assets/css/style.scss
View File

@ -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 {