WordPress.org

Make WordPress Core

Ticket #27403: 27403-persistent-shortcuts.diff

File 27403-persistent-shortcuts.diff, 4.2 KB (added by westonruter, 4 years ago)
  • src/wp-admin/customize.php

    diff --git src/wp-admin/customize.php src/wp-admin/customize.php
    index 89d385d..eea5ddc 100644
    do_action( 'customize_controls_print_scripts' ); 
    192192                                <?php endforeach; ?>
    193193                        </div>
    194194                        <?php endif; ?>
    195                         <button type="button" class="collapse-sidebar button" aria-expanded="true" aria-label="<?php esc_attr_e( 'Collapse Sidebar' ); ?>">
     195                        <button type="button" class="collapse-sidebar button" aria-expanded="true" aria-label="<?php esc_attr_e( 'Hide Controls' ); ?>">
    196196                                <span class="collapse-sidebar-arrow"></span>
    197                                 <span class="collapse-sidebar-label"><?php _e( 'Collapse' ); ?></span>
     197                                <span class="collapse-sidebar-label"><?php _e( 'Hide Controls' ); ?></span>
    198198                        </button>
    199199                </div>
    200200        </form>
  • src/wp-admin/js/customize-controls.js

    diff --git src/wp-admin/js/customize-controls.js src/wp-admin/js/customize-controls.js
    index 39f1b4f..4da8291 100644
     
    47644764                api.trigger( 'pane-contents-reflowed' );
    47654765        }, api );
    47664766
     4767        /**
     4768         * Get whether mobile screen dimensions.
     4769         *
     4770         * @since 4.7.0
     4771         * @access public
     4772         *
     4773         * @returns {boolean} Is mobile.
     4774         */
     4775        api.isMobileScreen = function isMobileScreen() {
     4776                if ( window.matchMedia ) {
     4777                        return window.matchMedia( 'screen and ( max-width: 640px )' ).matches;
     4778                } else {
     4779                        return $( window ).width() <= 640;
     4780                }
     4781        };
     4782
    47674783        $( function() {
    47684784                api.settings = window._wpCustomizeSettings;
    47694785                api.l10n = window._wpCustomizeControlsL10n;
     
    52075223                        expandedPanel( false );
    52085224                        expandedSection( false );
    52095225                        previewerAlive( true );
    5210                         editShortcutVisibility( 'initial' );
     5226                        editShortcutVisibility( api.isMobileScreen() ? 'visible' : 'hidden' );
    52115227
    52125228                        api.bind( 'change', function() {
    52135229                                state('saved').set( false );
     
    58135829                });
    58145830
    58155831                // Update the edit shortcut visibility state.
     5832                api.state( 'paneVisible' ).bind( function( isPaneVisible ) {
     5833                        api.state( 'editShortcutVisibility' ).set( isPaneVisible || api.isMobileScreen() ? 'visible' : 'hidden' );
     5834                } );
     5835                if ( window.matchMedia ) {
     5836                        window.matchMedia( 'screen and ( max-width: 640px )' ).addListener( function() {
     5837                                var state = api.state( 'paneVisible' );
     5838                                state.callbacks.fireWith( state, [ state.get(), state.get() ] );
     5839                        } );
     5840                }
    58165841                api.previewer.bind( 'edit-shortcut-visibility', function( visibility ) {
    58175842                        api.state( 'editShortcutVisibility' ).set( visibility );
    58185843                } );
  • src/wp-includes/js/customize-selective-refresh.js

    diff --git src/wp-includes/js/customize-selective-refresh.js src/wp-includes/js/customize-selective-refresh.js
    index 0fc06e9..473c1e3 100644
    wp.customize.selectiveRefresh = ( function( $, api ) { 
    10221022                        self.partial.bind( 'add', function( partial ) {
    10231023                                partial.deferred.ready.resolve();
    10241024                        } );
    1025 
    1026                         body.on( 'click', function( event ) {
    1027                                 if ( event.shiftKey || $( event.target ).is( '.customize-partial-edit-shortcut, :input, button *, a[href], a[href] *, object, object *, [tabindex], [tabindex] *' ) ) {
    1028                                         return; // Don't toggle shortcuts on shift-clicks or clicks on (or in) interactive elements.
    1029                                 }
    1030                                 api.selectiveRefresh.editShortcutVisibility.set( 'visible' === api.selectiveRefresh.editShortcutVisibility.get() ? 'hidden' : 'visible' );
    1031                                 api.preview.send( 'edit-shortcut-visibility', api.selectiveRefresh.editShortcutVisibility.get() );
    1032                         } );
    10331025                } );
    10341026
    10351027        } );
  • src/wp-includes/script-loader.php

    diff --git src/wp-includes/script-loader.php src/wp-includes/script-loader.php
    index 378ce1a..78a18a0 100644
    function wp_default_scripts( &$scripts ) { 
    465465                'notAllowed'         => __( 'Sorry, you are not allowed to customize this site.' ),
    466466                'previewIframeTitle' => __( 'Site Preview' ),
    467467                'loginIframeTitle'   => __( 'Session expired' ),
    468                 'collapseSidebar'    => __( 'Collapse Sidebar' ),
    469                 'expandSidebar'      => __( 'Expand Sidebar' ),
     468                'collapseSidebar'    => __( 'Hide Controls' ),
     469                'expandSidebar'      => __( 'Show Controls' ),
    470470                'untitledBlogName'   => __( '(Untitled)' ),
    471471                // Used for overriding the file types allowed in plupload.
    472472                'allowedFiles'       => __( 'Allowed Files' ),