Fix the on sale badge for product blocks (#10550)

* Fix the `on sale` badge for product blocks * Fix in the editor
woocommerce · Aug 11, 2023 · ff61af9 · ff61af9
1 parent bc6040c
commit ff61af9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/assets/css/editor.scss b/assets/css/editor.scss
@@ -8,6 +8,10 @@
 
 			.wc-block-grid__product {
 				margin: 0 0 $gap-large 0;
+
+				.wc-block-grid__product-onsale {
+					position: absolute;
+				}
 			}
 		}
 

diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -139,7 +139,7 @@
 		}
 	}
 }
-.wc-block-grid__product-onsale {
+.wc-block-grid .wc-block-grid__product-onsale {
 	@include font-size(small);
 	padding: em($gap-smallest) em($gap-small);
 	display: inline-block;