Changeset 39010

Timestamp:

10/30/2016 04:22:18 AM (7 years ago)

Author:

westonruter

Message:

Customize: Reveal controls pane when clicking on edit shortcuts in mobile preview.

Re-use paneVisible state to also manage whether the mobile preview-only class is applied to the overlay.

Props seancjones.
See #36678, #36678, #27403.
Fixes #38080.

File:

• trunk/src/wp-admin/js/customize-controls.js (modified) (2 diffs)

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

@@ -5273 +5273 @@
 
         api.state( 'paneVisible' ).bind( function( paneVisible ) {
+            overlay.toggleClass( 'preview-only', ! paneVisible );
             overlay.toggleClass( 'expanded', paneVisible );
             overlay.toggleClass( 'collapsed', ! paneVisible );
@@ -5332 +5333 @@
 
         $( '.customize-controls-preview-toggle' ).on( 'click', function() {
-            overlay.toggleClass( 'preview-only' );
+            api.state( 'paneVisible' ).set( ! api.state( 'paneVisible' ).get() );
         });