[wp-trac] [WordPress Trac] #64689: Customizer “Publish” button size appears larger in 7.0 compared to 6.9.1

[WordPress Trac]

#64689: Customizer “Publish” button size appears larger in 7.0 compared to 6.9.1
--------------------------------+------------------------------
 Reporter:  mohitbsf            |       Owner:  (none)
     Type:  defect (bug)        |      Status:  new
 Priority:  normal              |   Milestone:  Awaiting Review
Component:  Customize           |     Version:  trunk
 Severity:  normal              |  Resolution:
 Keywords:  close admin-reskin  |     Focuses:  css
--------------------------------+------------------------------

Comment (by wildworks):

 It seems like the issue isn't with the size of the publish button itself,
 but rather with the lack of space above and below the button.

 Here, I think a compact size seems more appropriate, i.e. `32px` instead
 of `40px`. The default button height has been increased from 30px to 40px,
 which may be too large in some contexts.


 {{{
 #!diff
 diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css
 /customize-controls.css
 index 3c0d40585c..6a0b1a6328 100644
 --- a/src/wp-admin/css/customize-controls.css
 +++ b/src/wp-admin/css/customize-controls.css
 @@ -70,7 +70,7 @@ body {

  #customize-save-button-wrapper {
         float: right;
 -       margin-top: 3px; /* Vertically center 40px button in 45px header
 */
 +       margin-top: 7px; /* Vertically center 32px button in 45px header
 */
  }

  body:not(.ready) #customize-save-button-wrapper .save {
 diff --git a/src/wp-admin/customize.php b/src/wp-admin/customize.php
 index 2065e55ffb..d5d517cccc 100644
 --- a/src/wp-admin/customize.php
 +++ b/src/wp-admin/customize.php
 @@ -198,13 +198,13 @@ do_action( 'customize_controls_head' );
                         <?php if ( $compatible_wp && $compatible_php ) :
 ?>
                                 <?php $save_text =
 $wp_customize->is_theme_active() ? __( 'Publish' ) : __( 'Activate &
 Publish' ); ?>
                                 <div id="customize-save-button-wrapper"
 class="customize-save-button-wrapper" >
 -                                       <?php submit_button( $save_text,
 'primary save', 'save', false ); ?>
 -                                       <button id="publish-settings"
 class="publish-settings button-primary button dashicons dashicons-admin-
 generic" aria-label="<?php esc_attr_e( 'Publish Settings' ); ?>" aria-
 expanded="false" disabled></button>
 +                                       <?php submit_button( $save_text,
 'primary save button-compact', 'save', false ); ?>
 +                                       <button id="publish-settings"
 class="publish-settings button-primary button button-compact dashicons
 dashicons-admin-generic" aria-label="<?php esc_attr_e( 'Publish Settings'
 ); ?>" aria-expanded="false" disabled></button>
                                 </div>
                         <?php else : ?>
                                 <?php $save_text = _x( 'Cannot Activate',
 'theme' ); ?>
                                 <div id="customize-save-button-wrapper"
 class="customize-save-button-wrapper disabled" >
 -                                       <button class="button button-
 primary disabled" aria-label="<?php esc_attr_e( 'Publish Se
 ttings' ); ?>" aria-expanded="false" disabled><?php echo $save_text;
 ?></button>
 +                                       <button class="button button-
 primary button-compact disabled" aria-label="<?php esc_attr
 _e( 'Publish Settings' ); ?>" aria-expanded="false" disabled><?php echo
 $save_text; ?></button>
                                 </div>
                         <?php endif; ?>
                         <span class="spinner"></span>

 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64689#comment:5>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform