Changeset 62378

Timestamp:

05/19/2026 11:35:32 AM (4 months ago)

Author:

audrasjb

Message:

Admin Reskin: Standardize theme install overlay button height on mobile.

Follow-up to [61646].

Reviewed by audrasjb.
Merges [62294] to the 7.0 branch.
Props abcd95, wildworks, mosescursor, sainathpoojary, SergeyBiryukov.
See #64999.

Location:

branches/7.0

Files:

• . (modified) (1 prop)
• src/wp-admin/css/themes.css (modified) (2 diffs)
• src/wp-admin/theme-install.php (modified) (1 diff)

branches/7.0/src/wp-admin/css/themes.css

@@ -1968 +1968 @@
 .theme-install-overlay .wp-full-overlay-header .button {
         float: right;
-        margin: 3px 10px 0 0; /* Vertically center 40px button in 45px header */
+        margin: 7px 10px 0 0; /* Vertically center 32px button in 45px header */
 }
 
@@ -2054 +2054 @@
         .theme-install-overlay .wp-full-overlay-header .button {
                 font-size: 13px;
-                line-height: 2.15384615;
-                min-height: 30px;
         }
 

branches/7.0/src/wp-admin/theme-install.php

@@ -488 +488 @@
                                         ?>
                                         <# if ( ! data.active ) { #>
-                                                <a class="button button-primary activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
+                                                <a class="button button-primary button-compact activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
                                         <# } else { #>
-                                                <button class="button button-primary disabled"><?php _ex( 'Activated', 'theme' ); ?></button>
+                                                <button class="button button-primary button-compact disabled"><?php _ex( 'Activated', 'theme' ); ?></button>
                                         <# } #>
                                 <# } else { #>
-                                        <a class="button button-primary disabled" ><?php _ex( 'Cannot Activate', 'theme' ); ?></a>
+                                        <a class="button button-primary button-compact disabled" ><?php _ex( 'Cannot Activate', 'theme' ); ?></a>
                                 <# } #>
                         <# } else { #>
                                 <# if ( data.compatible_wp && data.compatible_php ) { #>
-                                        <a href="{{ data.install_url }}" class="button button-primary theme-install" data-name="{{ data.name }}" data-slug="{{ data.id }}"><?php _e( 'Install' ); ?></a>
+                                        <a href="{{ data.install_url }}" class="button button-primary button-compact theme-install" data-name="{{ data.name }}" data-slug="{{ data.id }}"><?php _e( 'Install' ); ?></a>
                                 <# } else { #>
-                                        <a class="button button-primary disabled" ><?php _ex( 'Cannot Install', 'theme' ); ?></a>
+                                        <a class="button button-primary button-compact disabled" ><?php _ex( 'Cannot Install', 'theme' ); ?></a>
                                 <# } #>
                         <# } #>