Changeset 62972 for trunk/src/wp-admin/css/themes.css

Timestamp:

08/03/2026 12:13:24 PM (4 weeks ago)

Author:

wildworks

Message:

Administration: Fix install button icon alignment in theme preview.

When installing a theme from the Details & Preview overlay, the animated icon shown in the Install button was taller than the button itself, so the button grew and its label shifted while the install was in progress. Matching the icon height to the button height keeps the button at a stable size and the icon aligned with the label throughout the updating and updated states.

Developed in: ​https://github.com/WordPress/wordpress-develop/pull/12799

Follow-up to [62516].

Props eishanoor, kosvrouvas, mosescursor, r1k0, shailu25, ugyensupport, vedantere, wildworks.
Fixes #65601.

File:

• trunk/src/wp-admin/css/themes.css (modified) (1 diff)

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

@@ -1977 +1977 @@
 }
 
+.theme-install-overlay .wp-full-overlay-header .button.updating-message:before,
+.theme-install-overlay .wp-full-overlay-header .button.updated-message:before {
+        line-height: 1.5; /* 30px (20px * 1.5) - matches the button above */
+}
+
 .theme-install-overlay .wp-full-overlay-sidebar {
         background: #f0f0f1;