Skip to content

Commit baa9f53

Browse files
Admin Reskin: Standardize theme install overlay button height on mobile.
Follow-up to [61646]. Props abcd95, wildworks, mosescursor, sainathpoojary, SergeyBiryukov. See #64999. git-svn-id: https://develop.svn.wordpress.org/trunk@62294 602fd350-edb4-49c9-b593-d223f7449a82
1 parent 0fced49 commit baa9f53

2 files changed

Lines changed: 6 additions & 8 deletions

File tree

src/wp-admin/css/themes.css

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1967,7 +1967,7 @@ body.full-overlay-active {
19671967

19681968
.theme-install-overlay .wp-full-overlay-header .button {
19691969
float: right;
1970-
margin: 3px 10px 0 0; /* Vertically center 40px button in 45px header */
1970+
margin: 7px 10px 0 0; /* Vertically center 32px button in 45px header */
19711971
}
19721972

19731973
.theme-install-overlay .wp-full-overlay-sidebar {
@@ -2053,8 +2053,6 @@ body.full-overlay-active {
20532053

20542054
.theme-install-overlay .wp-full-overlay-header .button {
20552055
font-size: 13px;
2056-
line-height: 2.15384615;
2057-
min-height: 30px;
20582056
}
20592057

20602058
.theme-browser .theme .theme-actions .button {

src/wp-admin/theme-install.php

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -487,18 +487,18 @@
487487
$aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' );
488488
?>
489489
<# if ( ! data.active ) { #>
490-
<a class="button button-primary activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
490+
<a class="button button-primary button-compact activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
491491
<# } else { #>
492-
<button class="button button-primary disabled"><?php _ex( 'Activated', 'theme' ); ?></button>
492+
<button class="button button-primary button-compact disabled"><?php _ex( 'Activated', 'theme' ); ?></button>
493493
<# } #>
494494
<# } else { #>
495-
<a class="button button-primary disabled" ><?php _ex( 'Cannot Activate', 'theme' ); ?></a>
495+
<a class="button button-primary button-compact disabled" ><?php _ex( 'Cannot Activate', 'theme' ); ?></a>
496496
<# } #>
497497
<# } else { #>
498498
<# if ( data.compatible_wp && data.compatible_php ) { #>
499-
<a href="{{ data.install_url }}" class="button button-primary theme-install" data-name="{{ data.name }}" data-slug="{{ data.id }}"><?php _e( 'Install' ); ?></a>
499+
<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>
500500
<# } else { #>
501-
<a class="button button-primary disabled" ><?php _ex( 'Cannot Install', 'theme' ); ?></a>
501+
<a class="button button-primary button-compact disabled" ><?php _ex( 'Cannot Install', 'theme' ); ?></a>
502502
<# } #>
503503
<# } #>
504504
</div>

0 commit comments

Comments
 (0)