Make WordPress Core

Ticket #28655: 28655.4.patch

File 28655.4.patch, 3.1 KB (added by gauravmittal1995, 10 years ago)

Solves the AYS problem, we can still use close and cancel

  • 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" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>"></a>
    113112                        </a>
    114113                </div>
    115114
  • wp-admin/js/customize-controls.js

     
    10451045
    10461046                                if ( ! activated() ) {
    10471047                                        save.val( api.l10n.activate ).prop( 'disabled', false );
    1048                                         back.text( api.l10n.cancel );
     1048                                        back.text( api.l10n.cancel ).css("visibility","hidden");
    10491049
    10501050                                } else if ( saved() ) {
    10511051                                        save.val( api.l10n.saved ).prop( 'disabled', true );
    1052                                         back.text( api.l10n.close );
     1052                                        back.text( api.l10n.close ).css("visibility","hidden");
    10531053
    10541054                                } else {
    10551055                                        save.val( api.l10n.save ).prop( 'disabled', false );
    1056                                         back.text( api.l10n.cancel );
     1056                                        back.text( api.l10n.cancel ).css("visibility","hidden");
    10571057                                }
    10581058                        });
    10591059
     
    11971197
    11981198                api.trigger( 'ready' );
    11991199
    1200                 // Make sure left column gets focus
    1201                 topFocus = $('.back');
    1202                 topFocus.focus();
    1203                 setTimeout(function () {
    1204                         topFocus.focus();
    1205                 }, 200);
    12061200
    12071201        });
    12081202
  • wp-admin/css/customize-controls.css

     
    209209        height: 22px;
    210210}
    211211
     212a.back {
     213        color: #444;
     214        display: block;
     215        position: fixed;
     216        top: 0;
     217        z-index: 99;
     218        left: -48px;
     219        width: 45px;
     220        height: 45px;
     221        padding-right: 2px;
     222        background: #eee;
     223        cursor: pointer;
     224        -webkit-transition: left ease-in-out .18s, color ease-in .1s;
     225        transition: left ease-in-out .18s, color ease-in .1s;
     226}
     227                 
     228                 
     229a.back:hover,
     230a.back:focus {
     231        background-color: #0074a2;
     232        color: #fff;
     233        outline: none;
     234}
     235
     236a.back:before {
     237        font: normal 45px/1 dashicons;
     238        content: "\f335";
     239        position: relative;
     240        visibility: visible;
     241        border-right: 1px solid #ddd; 
     242}
     243
     244a.back:hover::before {
     245        background-color: #0074a2;
     246        color: #fff;
     247        outline: none;
     248}
     249
     250
    212251#customize-header-actions a.back {
    213252        position: relative;
    214253        left: 0;
     
    223262.wp-full-overlay-sidebar .wp-full-overlay-header {
    224263        -webkit-transition: padding ease-in-out .18s;
    225264        transition: padding ease-in-out .18s;
     265        padding: 0 15px 0 0;
    226266}
    227267
     268.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
     269                        margin-top: 0;
     270                }
     271
    228272.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
    229273        padding-left: 62px;
    230274}