Ticket #27403: 27403-persistent-shortcuts.diff

src/wp-admin/customize.php

@@ -192 +192 @@
                                 <?php endforeach; ?>
                         </div>
                         <?php endif; ?>
-                        <button type="button" class="collapse-sidebar button" aria-expanded="true" aria-label="<?php esc_attr_e( 'Collapse Sidebar' ); ?>">
+                        <button type="button" class="collapse-sidebar button" aria-expanded="true" aria-label="<?php esc_attr_e( 'Hide Controls' ); ?>">
                                 <span class="collapse-sidebar-arrow"></span>
-                                <span class="collapse-sidebar-label"><?php _e( 'Collapse' ); ?></span>
+                                <span class="collapse-sidebar-label"><?php _e( 'Hide Controls' ); ?></span>
                         </button>
                 </div>
         </form>

src/wp-admin/js/customize-controls.js

@@ -4764 +4764 @@
                 api.trigger( 'pane-contents-reflowed' );
         }, api );
 
+        /**
+         * Get whether mobile screen dimensions.
+         *
+         * @since 4.7.0
+         * @access public
+         *
+         * @returns {boolean} Is mobile.
+         */
+        api.isMobileScreen = function isMobileScreen() {
+                if ( window.matchMedia ) {
+                        return window.matchMedia( 'screen and ( max-width: 640px )' ).matches;
+                } else {
+                        return $( window ).width() <= 640;
+                }
+        };
+
         $( function() {
                 api.settings = window._wpCustomizeSettings;
                 api.l10n = window._wpCustomizeControlsL10n;
@@ -5207 +5223 @@
                         expandedPanel( false );
                         expandedSection( false );
                         previewerAlive( true );
-                        editShortcutVisibility( 'initial' );
+                        editShortcutVisibility( api.isMobileScreen() ? 'visible' : 'hidden' );
 
                         api.bind( 'change', function() {
                                 state('saved').set( false );
@@ -5813 +5829 @@
                 });
 
                 // Update the edit shortcut visibility state.
+                api.state( 'paneVisible' ).bind( function( isPaneVisible ) {
+                        api.state( 'editShortcutVisibility' ).set( isPaneVisible || api.isMobileScreen() ? 'visible' : 'hidden' );
+                } );
+                if ( window.matchMedia ) {
+                        window.matchMedia( 'screen and ( max-width: 640px )' ).addListener( function() {
+                                var state = api.state( 'paneVisible' );
+                                state.callbacks.fireWith( state, [ state.get(), state.get() ] );
+                        } );
+                }
                 api.previewer.bind( 'edit-shortcut-visibility', function( visibility ) {
                         api.state( 'editShortcutVisibility' ).set( visibility );
                 } );

src/wp-includes/js/customize-selective-refresh.js

@@ -1022 +1022 @@
                         self.partial.bind( 'add', function( partial ) {
                                 partial.deferred.ready.resolve();
                         } );
-
-                        body.on( 'click', function( event ) {
-                                if ( event.shiftKey || $( event.target ).is( '.customize-partial-edit-shortcut, :input, button *, a[href], a[href] *, object, object *, [tabindex], [tabindex] *' ) ) {
-                                        return; // Don't toggle shortcuts on shift-clicks or clicks on (or in) interactive elements.
-                                }
-                                api.selectiveRefresh.editShortcutVisibility.set( 'visible' === api.selectiveRefresh.editShortcutVisibility.get() ? 'hidden' : 'visible' );
-                                api.preview.send( 'edit-shortcut-visibility', api.selectiveRefresh.editShortcutVisibility.get() );
-                        } );
                 } );
 
         } );

src/wp-includes/script-loader.php

@@ -465 +465 @@
                 'notAllowed'         => __( 'Sorry, you are not allowed to customize this site.' ),
                 'previewIframeTitle' => __( 'Site Preview' ),
                 'loginIframeTitle'   => __( 'Session expired' ),
-                'collapseSidebar'    => __( 'Collapse Sidebar' ),
-                'expandSidebar'      => __( 'Expand Sidebar' ),
+                'collapseSidebar'    => __( 'Hide Controls' ),
+                'expandSidebar'      => __( 'Show Controls' ),
                 'untitledBlogName'   => __( '(Untitled)' ),
                 // Used for overriding the file types allowed in plupload.
                 'allowedFiles'       => __( 'Allowed Files' ),