Commit e39e29915d3 for woocommerce
commit e39e29915d37ba61450d085cbaac5625ddd28bef
Author: Albert Juhé Lluveras <contact@albertjuhe.com>
Date: Thu Sep 10 14:50:55 2026 +0200
Fix missing space between parts in the Mini-Cart header when seen in the editor (#68539)
* Fix missing spacing between parts in the Mini-Cart header when seen in the editor
* Add changelog
* Use CSS logical property
* Comment typo
* Adjust space size
diff --git a/plugins/woocommerce/changelog/fix-WOOAIRR-283-missing-spacing-mini-cart-header-editor b/plugins/woocommerce/changelog/fix-WOOAIRR-283-missing-spacing-mini-cart-header-editor
new file mode 100644
index 00000000000..41dd45b55c1
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-WOOAIRR-283-missing-spacing-mini-cart-header-editor
@@ -0,0 +1,5 @@
+Significance: patch
+Type: fix
+Comment: Fix missing spacing between parts in the Mini-Cart header when seen in the editor
+
+
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/mini-cart-contents/editor.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/mini-cart-contents/editor.scss
index b658512e6ae..9759825fe19 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/mini-cart-contents/editor.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/mini-cart-contents/editor.scss
@@ -49,13 +49,14 @@
h2.wc-block-mini-cart__title {
font-size: 1.5rem;
mask-image: none;
+ // Simulate the space taken by notifications in the frontend.
+ margin-top: $gap;
- .block-editor-block-list__layout {
- display: flex;
- align-items: baseline;
-
- // Simulate the space taken by notifications in the frontend.
- margin-top: $gap;
+ // Because this block contains a rich editor div inside, it's displayed
+ // as a block. We reset it to inline-block to avoid a line break.
+ .wp-block-woocommerce-mini-cart-title-label-block {
+ display: inline-block;
+ margin-inline-end: 0.25em;
}
}