Remove inline style defaults for color options.

This replaces the inline style with an added editor-specific styling with slightly more specificity - but not too much to where it overrides the Site Editor.
woocommerce · Sep 2, 2022 · 1ff3c6b · 1ff3c6b
1 parent fef3c6c
commit 1ff3c6b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 16 deletions.
diff --git a/assets/js/blocks/featured-items/featured-category/block.json b/assets/js/blocks/featured-items/featured-category/block.json
@@ -99,14 +99,6 @@
 		"showDesc": {
 			"type": "boolean",
 			"default": true
-		},
-		"style": {
-			"type": "object",
-			"default": {
-				"color": {
-					"text": "#ffffff"
-				}
-			}
 		}
 	},
 	"textdomain": "woo-gutenberg-products-block",

diff --git a/assets/js/blocks/featured-items/featured-category/editor.scss b/assets/js/blocks/featured-items/featured-category/editor.scss
@@ -4,3 +4,7 @@
 	@extend %with-media-controls;
 	@extend %with-resizable-box;
 }
+
+.editor-styles-wrapper .wp-block-woocommerce-featured-category {
+	@extend %wp-block-featured-item;
+}
diff --git a/assets/js/blocks/featured-items/featured-product/block.json b/assets/js/blocks/featured-items/featured-product/block.json
@@ -105,14 +105,6 @@
 		"showPrice": {
 			"type": "boolean",
 			"default": true
-		},
-		"style": {
-			"type": "object",
-			"default": {
-				"color": {
-					"text": "#ffffff"
-				}
-			}
 		}
 	},
 	"textdomain": "woo-gutenberg-products-block",

diff --git a/assets/js/blocks/featured-items/featured-product/editor.scss b/assets/js/blocks/featured-items/featured-product/editor.scss
@@ -8,3 +8,7 @@
 		margin-bottom: 16px;
 	}
 }
+
+.editor-styles-wrapper .wp-block-woocommerce-featured-product {
+	@extend %wp-block-featured-item;
+}