Commit cdf22cddde5 for woocommerce
commit cdf22cddde5c3c8955caa7347926aa40b8f52b0b
Author: Ann <annchichi@users.noreply.github.com>
Date: Fri May 1 19:34:33 2026 +0800
Align order preview action buttons with WordPress 7.0 secondary style (#64354)
* Align order preview action buttons with WordPress 7.0 secondary style
* Align order preview action button height to WordPress 7.0 compact 32px
* Add changelog entry for order preview action button alignment
* Scope action-button min-height to order preview footer
diff --git a/plugins/woocommerce/changelog/tweak-order-preview-action-buttons-wp70 b/plugins/woocommerce/changelog/tweak-order-preview-action-buttons-wp70
new file mode 100644
index 00000000000..d82cc06e23b
--- /dev/null
+++ b/plugins/woocommerce/changelog/tweak-order-preview-action-buttons-wp70
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Align order preview action button border, radius, and height with WordPress 7.0 secondary button style.
diff --git a/plugins/woocommerce/client/legacy/css/admin.scss b/plugins/woocommerce/client/legacy/css/admin.scss
index c4ec496cf73..c64db9ea5d9 100644
--- a/plugins/woocommerce/client/legacy/css/admin.scss
+++ b/plugins/woocommerce/client/legacy/css/admin.scss
@@ -8314,10 +8314,27 @@ table.bar_chart {
// Order preview action buttons.
.wc-order-preview footer {
.button.button-large {
- min-height: 0;
+ min-height: 32px;
+ }
+
+ // Adopt WP 7.0 secondary outline: theme-color border and 2px radius.
+ .wc-action-button {
+ min-height: 32px !important;
+ border-color: var(--wp-admin-theme-color);
+
+ &:first-child {
+ border-top-left-radius: 2px !important;
+ border-bottom-left-radius: 2px !important;
+ }
+
+ &:last-child {
+ border-top-right-radius: 2px !important;
+ border-bottom-right-radius: 2px !important;
+ }
}
}
+
// Order actions: select + button overflow container due to WP 7.0 select margins.
.order_actions {
#actions select {