Commit b09a21c99e5 for woocommerce
commit b09a21c99e573a7bb497fc994294bc821794a52c
Author: Jill Q. <jill.quek@automattic.com>
Date: Mon Jul 13 12:22:47 2026 +0800
Restore generic blank-state icon style at the refreshed 32px scale (#66481)
* Restore generic blank-state icon style at the refreshed 32px scale
PR #64645 scoped the blank-state icon styles to six core-only modifier
classes, leaving extension blank states that supply their own icon-font
glyph with an unsized inline glyph. Reintroduce a generic ::before rule
that renders extension glyphs at the same 32px centered scale as the
core mask icons; core screens override it with their own explicit
sizing, so they are unaffected.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
* Add changefile(s) from automation for the following project(s): woocommerce
* Remove auto-generated duplicate changelog entry
The manual entry tweak-blank-state-generic-icon-fallback already covers
this change.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---------
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
Co-authored-by: woocommercebot <woocommercebot@users.noreply.github.com>
diff --git a/plugins/woocommerce/changelog/tweak-blank-state-generic-icon-fallback b/plugins/woocommerce/changelog/tweak-blank-state-generic-icon-fallback
new file mode 100644
index 00000000000..e7f6108525b
--- /dev/null
+++ b/plugins/woocommerce/changelog/tweak-blank-state-generic-icon-fallback
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Restore a generic blank-state icon style so extension-supplied icon glyphs render at the refreshed 32px scale.
diff --git a/plugins/woocommerce/client/legacy/css/admin.scss b/plugins/woocommerce/client/legacy/css/admin.scss
index 219e79b1846..be2d8b78a7d 100644
--- a/plugins/woocommerce/client/legacy/css/admin.scss
+++ b/plugins/woocommerce/client/legacy/css/admin.scss
@@ -7696,6 +7696,16 @@ table.bar_chart {
font-size: 13px;
font-weight: 400;
max-width: 500px;
+
+ // Sizes icon-font glyphs supplied by extension blank states to
+ // match the core mask icons below.
+ &::before {
+ display: block;
+ font-size: 32px;
+ line-height: 1;
+ margin: 0 auto 12px;
+ color: $gray-400;
+ }
}
.woocommerce-BlankState-buttons {