Commit 28705b9af2 for woocommerce
commit 28705b9af286250a8af9f667b0e239876a0fbda5
Author: Karol Manijak <20098064+kmanijak@users.noreply.github.com>
Date: Fri Dec 5 08:53:38 2025 +0100
Product Gallery: fix inconsistent spacing between arrows (#62261)
* Increase specifciity of styles related to arrows alignment
* Add changelog
diff --git a/plugins/woocommerce/changelog/wooplug-5888-product-gallery-missing-block-spacing-control b/plugins/woocommerce/changelog/wooplug-5888-product-gallery-missing-block-spacing-control
new file mode 100644
index 0000000000..c4f97e34e2
--- /dev/null
+++ b/plugins/woocommerce/changelog/wooplug-5888-product-gallery-missing-block-spacing-control
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Product Gallery: Fix arrows gap on the frontend
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/product-gallery/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/product-gallery/style.scss
index fc7f23be4b..c1d7371fc3 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/product-gallery/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/product-gallery/style.scss
@@ -89,7 +89,7 @@ $dialog-padding: 20px;
}
}
- :where(.wc-block-next-previous-buttons) {
+ .wc-block-next-previous-buttons {
display: flex;
align-items: center;
justify-content: space-between;
@@ -101,26 +101,26 @@ $dialog-padding: 20px;
pointer-events: all;
}
- &:where(.alignleft) {
+ &.alignleft {
justify-content: flex-start;
gap: 0;
}
- &:where(.alignright) {
+ &.alignright {
justify-content: flex-end;
gap: 0;
}
- &:where(.aligncenter) {
+ &.aligncenter {
justify-content: center;
gap: 0;
}
- &:where(.aligntop) {
+ &.aligntop {
align-items: flex-start;
}
- &:where(.alignbottom) {
+ &.alignbottom {
align-items: flex-end;
}
}