Commit 88bfacb5e2f for woocommerce
commit 88bfacb5e2f9bca48e78cfbdbc59526c0dca2b73
Author: Luigi Teschio <gigitux@gmail.com>
Date: Wed May 20 14:47:28 2026 +0200
Tweak searchable chip select spacing (#65196)
diff --git a/packages/js/experimental-products-app/changelog/tweak-searchable-chip-select-spacing b/packages/js/experimental-products-app/changelog/tweak-searchable-chip-select-spacing
new file mode 100644
index 00000000000..d7d10eced29
--- /dev/null
+++ b/packages/js/experimental-products-app/changelog/tweak-searchable-chip-select-spacing
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Adjust searchable chip select spacing in the experimental products app.
diff --git a/packages/js/experimental-products-app/src/fields/components/searchable-chip-select/style.scss b/packages/js/experimental-products-app/src/fields/components/searchable-chip-select/style.scss
index e0ea16157d5..855685c5ea5 100644
--- a/packages/js/experimental-products-app/src/fields/components/searchable-chip-select/style.scss
+++ b/packages/js/experimental-products-app/src/fields/components/searchable-chip-select/style.scss
@@ -12,8 +12,8 @@
line-height: 1.4;
&:focus-within {
- border-color: var( --wp-admin-theme-color, #3858e9 );
- box-shadow: 0 0 0 1px var( --wp-admin-theme-color, #3858e9 );
+ border-color: var(--wp-admin-theme-color, #3858e9);
+ box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #3858e9);
outline: 2px solid transparent;
}
@@ -65,7 +65,7 @@
}
&__chip-content {
- padding: 2px 4px 2px 8px;
+ padding: 2px 8px 2px 8px;
}
&__chip-remove,
@@ -110,13 +110,13 @@
&__popup {
box-sizing: border-box;
- width: var( --anchor-width );
- max-height: min( var( --available-height ), 320px );
+ width: var(--anchor-width);
+ max-height: min(var(--available-height), 320px);
overflow: auto;
border: 1px solid #c3c4c7;
border-radius: 2px;
background: #fff;
- box-shadow: 0 2px 6px rgb( 0 0 0 / 20% );
+ box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
&__list {
@@ -134,7 +134,7 @@
cursor: default;
&[data-highlighted] {
- background: var( --wp-admin-theme-color, #3858e9 );
+ background: var(--wp-admin-theme-color, #3858e9);
color: #fff;
}