From d185a34145e9ea01f1403998fc6161378276e994 Mon Sep 17 00:00:00 2001 From: louwie17 Date: Mon, 9 Sep 2024 11:03:43 +0200 Subject: [PATCH] Fix style conflicts with LYS (#51223) * Increase specificity for product data view styles to avoid conflicts * Add changelog --- packages/js/product-editor/changelog/fix-style_conflicts | 4 ++++ packages/js/product-editor/src/products.scss | 6 ++++-- 2 files changed, 8 insertions(+), 2 deletions(-) create mode 100644 packages/js/product-editor/changelog/fix-style_conflicts diff --git a/packages/js/product-editor/changelog/fix-style_conflicts b/packages/js/product-editor/changelog/fix-style_conflicts new file mode 100644 index 00000000000..bd5d3c6d81c --- /dev/null +++ b/packages/js/product-editor/changelog/fix-style_conflicts @@ -0,0 +1,4 @@ +Significance: patch +Type: update + +Increase specificity of product data views styles to avoid conflicts. diff --git a/packages/js/product-editor/src/products.scss b/packages/js/product-editor/src/products.scss index 33f49a1ae7b..463564ff88e 100644 --- a/packages/js/product-editor/src/products.scss +++ b/packages/js/product-editor/src/products.scss @@ -40,5 +40,7 @@ body.js.is-fullscreen-mode { } } -@import "products-app/sidebar-dataviews/style.scss"; -@import "products-app/product-edit/style.scss"; +.woocommerce_page_woocommerce-products-dashboard { + @import "products-app/sidebar-dataviews/style.scss"; + @import "products-app/product-edit/style.scss"; +}