Changeset 61741

Timestamp:

02/25/2026 11:35:48 PM (6 weeks ago)

Author:

joedolson

Message:

Administration: Fix plugin and theme installer buttons.

Plugin and theme installer buttons load a dashicon during their updating and updated states. These dashicons were sized to large buttons, and caused a shift in alignment after the switch to compact buttons.

Update CSS to prevent shifts in size and alignment for installer buttons.

Props mohitbsf, peterwilsoncc, adnanhyder, huzaifaalmesbah, noruzzaman, ravichudasama01, shailu25, r1k0, joedolson.
Fixes #64687.

Location:

trunk/src/wp-admin/css

Files:

• list-tables.css (modified) (1 diff)
• themes.css (modified) (2 diffs)

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

@@ -1453 +1453 @@
 }
 
+.plugin-card .updated-message:before,
+.plugin-card .updating-message:before {
+    line-height: 1;
+    position: relative;
+    top: -2px;
+    vertical-align: middle;
+}
+
 .plugin-install-php #the-list {
     display: flex;

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

@@ -115 +115 @@
 
 /* Use compact size for space-constrained theme cards */
+.theme-browser .theme .theme-actions .button.updated-message,
+.theme-browser .theme .theme-actions .button.updating-message,
 .theme-browser .theme .theme-actions .button {
     float: none;
@@ -121 +123 @@
     line-height: 2.30769231; /* 30px for 32px min-height */
     padding: 0 12px;
+}
+
+.theme-browser .theme .theme-actions .button.updated-message::before,
+.theme-browser .theme .theme-actions .button.updating-message::before {
+    line-height: 1;
+    vertical-align: text-bottom;
+    position: relative;
+    top: 2px;
 }