Administration: Use rounded corners for dashboard widgets drop zones.

audrasjb · audrasjb · commit 636b79b40a7c · 2026-03-10T09:35:52.000Z
Admin Cards and Metabox were modified in [61646] to better align with the modern WordPress design system, but dashboard widgets drop zones weren't updated as such. This changeset adds rounded corners to these drop zones for better consistency. Follow-up to [61646]. Props ocean90, niravsherasiya7707, stefanvelthuys, valentingrenier, manhar, huzaifaalmesbah, r1k0. Fixes #64787. See #64549. git-svn-id: https://develop.svn.wordpress.org/trunk@61877 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
@@ -2263,8 +2263,9 @@ html.wp-toolbar {
 	color: #a7aaad;
 }
 
-.sortable-placeholder {
+.sortable-placeholder:not(.empty-container .sortable-placeholder) {
 	border: 1px dashed #c3c4c7;
+	border-radius: 8px;
 	margin-bottom: 20px;
 }
 
diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css
@@ -83,7 +83,6 @@
 }
 
 .is-dragging-metaboxes #dashboard-widgets .postbox-container .empty-container {
-	outline: 2px dashed rgb(0, 0, 0, 0.15);
 	background: rgb(0, 0, 0, 0.01);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -2263,8 +2263,9 @@ html.wp-toolbar {`
`2263`	`2263`	`color: #a7aaad;`
`2264`	`2264`	`}`
`2265`	`2265`
`2266`		`-.sortable-placeholder {`
	`2266`	`+.sortable-placeholder:not(.empty-container .sortable-placeholder) {`
`2267`	`2267`	`border: 1px dashed #c3c4c7;`
	`2268`	`+ border-radius: 8px;`
`2268`	`2269`	`margin-bottom: 20px;`
`2269`	`2270`	`}`
`2270`	`2271`
Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,6 @@`
`83`	`83`	`}`
`84`	`84`
`85`	`85`	`.is-dragging-metaboxes #dashboard-widgets .postbox-container .empty-container {`
`86`		`- outline: 2px dashed rgb(0, 0, 0, 0.15);`
`87`	`86`	`background: rgb(0, 0, 0, 0.01);`
`88`	`87`	`}`
`89`	`88`