Make WordPress Core

Ticket #28655: 28655.7.patch

File 28655.7.patch, 2.0 KB (added by gauravmittal1995, 10 years ago)

This doesnt use visibility: hidden

  • wp-admin/customize.php

     
    108108                                submit_button( $save_text, 'primary save', 'save', false );
    109109                        ?>
    110110                        <span class="spinner"></span>
    111                         <a class="back button" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
    112                                 <?php _e( 'Cancel' ); ?>
     111                        <a class="back customize-controls-close" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
     112                                <?php _e( 'Cancel' ); ?></span>
    113113                        </a>
    114114                </div>
    115115
  • wp-admin/css/customize-controls.css

     
    211211
    212212#customize-header-actions a.back {
    213213        position: relative;
     214        left: 0px;
     215        top: -100px;
     216        color: transparent;
     217        -webkit-transition: left ease-in-out .18s;
     218        transition: left ease-in-out .18s;
     219}
     220
     221
     222#customize-header-actions .customize-controls-close {
     223        position: relative;
    214224        left: 0;
    215225        -webkit-transition: left ease-in-out .18s;
    216226        transition: left ease-in-out .18s;
    217227}
    218228
    219 .in-sub-panel #customize-header-actions a.back {
     229.customize-controls-close:before {
     230        font: normal 30px/1.5 dashicons;
     231        color: #000;
     232        width:30px;
     233        padding: 9px 9px 7.5px 9px; 
     234        content: "\f335"; 
     235        position: relative;
     236        visibility: visible;
     237        top: 100px;
     238        border-right: 1px solid #ddd;
     239}
     240
     241.customize-controls-close:hover::before { 
     242        background-color: #0074a2; 
     243        color: #fff; 
     244        outline: none;
     245
     246
     247.in-sub-panel #customize-header-actions a.back {       
    220248        left: -120px;
    221249}
    222250
     251.in-sub-panel #customize-header-actions .customize-controls-close:before {     
     252        left: -120px;
     253}
     254
    223255.wp-full-overlay-sidebar .wp-full-overlay-header {
    224256        -webkit-transition: padding ease-in-out .18s;
    225257        transition: padding ease-in-out .18s;
     258        padding: 0 15px 0 0;
    226259}
    227260
    228261.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {