Commit d0302c33ced for woocommerce
commit d0302c33ced6efc87283dbfa14c430def9b40062
Author: Anand Rajaram <anandrajaram21@gmail.com>
Date: Tue Jun 23 20:32:15 2026 +0530
Match orders and stock home panel border with other cards (#65864)
* Style the activity panel with a bordered card
- Add a white card background, rounded corners, and overflow clipping
- Replace the panel body border with a divider between sections
* Add changefile(s) from automation for the following project(s): woocommerce, woocommerce/client/admin
* Remove opened panel margin and focus outline
- Set the opened activity panel margin to `0`
- Suppress the toggle focus outline when it is not focus-visible
* Adjust activity panel borders
- Move panel border styling to each body section
- Restore rounded corners for stacked and opened panels
- Preserve the existing panel row spacing and toggle styles
* Refine activity panel border radii
- Adjust the activity panel styling so first, last, and only items get the correct rounded corners
- Keep opened panels aligned with the surrounding list spacing
* Refine activity panel border radii
- Split panel border radius handling between first, last, and opened states
- Keep title and toggle elements inheriting rounded corners
* Preserve activity panel row border radius
- Inherit bottom corner radius on activity panel rows
- Hide overflow so row borders match the panel shape
---------
Co-authored-by: woocommercebot <woocommercebot@users.noreply.github.com>
diff --git a/plugins/woocommerce/changelog/65864-34487-different-border b/plugins/woocommerce/changelog/65864-34487-different-border
new file mode 100644
index 00000000000..004701e674c
--- /dev/null
+++ b/plugins/woocommerce/changelog/65864-34487-different-border
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Match orders and stock home panel border with other cards
\ No newline at end of file
diff --git a/plugins/woocommerce/client/admin/client/homescreen/activity-panel/style.scss b/plugins/woocommerce/client/admin/client/homescreen/activity-panel/style.scss
index a401e9ef0b1..f6ac3015a60 100644
--- a/plugins/woocommerce/client/admin/client/homescreen/activity-panel/style.scss
+++ b/plugins/woocommerce/client/admin/client/homescreen/activity-panel/style.scss
@@ -6,11 +6,36 @@
background: #fff;
border: 1px solid $gray-200;
+ &:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ }
+
+ &:last-child {
+ border-bottom-left-radius: 8px;
+ border-bottom-right-radius: 8px;
+ }
+
+ &.is-opened + .components-panel__body {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ }
+
&.is-opened {
margin-bottom: $gap-large;
+ border-bottom-left-radius: 8px;
+ border-bottom-right-radius: 8px;
.components-panel__body-toggle {
border-bottom: 1px solid $gray-200;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .components-panel__row {
+ border-bottom-left-radius: inherit;
+ border-bottom-right-radius: inherit;
+ overflow: hidden;
}
}
}
@@ -26,8 +51,9 @@
}
}
+ .components-panel__body-title,
.components-panel__body-toggle {
- border-radius: 0;
+ border-radius: inherit;
&:disabled {
opacity: 1;