Changeset 61784

Timestamp:

03/02/2026 07:50:48 PM (6 months ago)

Author:

joedolson

Message:

Admin: Reskin - update dismiss icons sizing.

Update the sizing of icons in the welcome panel, bulk edit, quick edit, and admin notifications to use relative sizing, fixing alignment issues.

Update focus state for bulk edit remove buttons.

Props mohitbsf, opurockey, sabernhardt, huzaifaalmesbah, madhavishah01, r1k0, ozgursar, noruzzaman, shailu25, joedolson, mukesh27.
Fixes #64684.

Location:

trunk/src/wp-admin/css

Files:

• common.css (modified) (1 diff)
• list-tables.css (modified) (1 diff)

trunk/src/wp-admin/css/common.css

@@ -813 +813 @@
         content: "\f153" / '';
         display: block;
-        font: normal 20px/24px dashicons;
-        height: 24px;
+        font: normal 20px/1 dashicons;
+        height: 1em;
         text-align: center;
-        width: 24px;
+        width: 1em;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;

trunk/src/wp-admin/css/list-tables.css

@@ -1195 +1195 @@
 
 #bulk-titles .ntdelbutton:focus {
-        box-shadow: 0 0 0 2px #3582c4;
+        box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
         /* Only visible in Windows High Contrast mode */
         outline: 2px solid transparent;