Changeset 36532

Timestamp:

02/16/2016 01:56:13 AM (8 years ago)

Author:

westonruter

Message:

Customize: Add a user-friendly way to preview site responsiveness for desktop, tablet, and mobile.

Introduces WP_Customize_Manager::get_previewable_devices() with a customize_previewable_devices filter to change the default device and which devices are available for previewing. This is a feature that was first pioneered on WordPress.com.

Props celloexpressions, folletto, valendesigns, westonruter, welcher, adamsilverstein, michaelarestad, Fab1en.
Fixes #31195.

Location:

trunk

Files:

• src/wp-admin/css/colors/_admin.scss (modified) (1 diff)
• src/wp-admin/css/customize-controls.css (modified) (2 diffs)
• src/wp-admin/customize.php (modified) (1 diff)
• src/wp-admin/js/customize-controls.js (modified) (2 diffs)
• src/wp-includes/class-wp-customize-manager.php (modified) (2 diffs)
• tests/phpunit/tests/customize/manager.php (modified) (2 diffs)
• tests/qunit/fixtures/customize-settings.js (modified) (1 diff)
• tests/qunit/wp-admin/js/customize-controls.js (modified) (1 diff)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -488 +488 @@
 }
 
+
+
+
+
 /* Responsive Component */
 

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

@@ -611 +611 @@
     width: 100%;
     height: 100%;
+
 }
 
@@ -1312 +1313 @@
 }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 .widget-reorder-nav span,
 .menu-item-reorder-nav button {

trunk/src/wp-admin/customize.php

@@ -149 +149 @@
 
         <div id="customize-footer-actions" class="wp-full-overlay-footer">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
             <button type="button" class="collapse-sidebar button-secondary" aria-expanded="true" aria-label="<?php esc_attr_e( 'Collapse Sidebar' ); ?>">
                 <span class="collapse-sidebar-arrow"></span>

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

@@ -3230 +3230 @@
             title = $( '#customize-info .panel-title.site-title' ),
             closeBtn = $( '.customize-controls-close' ),
-            saveBtn = $( '#save' );
+            saveBtn = $( '#save' ),
+            footerActions = $( '#customize-footer-actions' );
 
         // Prevent the form from saving when enter is pressed on an input or select element.
@@ -3605 +3606 @@
             event.preventDefault();
         });
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
         // Bind site title display to the corresponding field.

trunk/src/wp-includes/class-wp-customize-manager.php

@@ -1711 +1711 @@
             'autofocus' => array(),
             'documentTitleTmpl' => $this->get_document_title_template(),
+
         );
 
@@ -1785 +1786 @@
         </script>
         <?php
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     }
 

trunk/tests/phpunit/tests/customize/manager.php

@@ -426 +426 @@
         $this->assertNotEmpty( $data );
 
-        $this->assertEqualSets( array( 'theme', 'url', 'browser', 'panels', 'sections', 'nonce', 'autofocus', 'documentTitleTmpl' ), array_keys( $data ) );
+        $this->assertEqualSets( array( 'theme', 'url', 'browser', 'panels', 'sections', 'nonce', 'autofocus', 'documentTitleTmpl' ), array_keys( $data ) );
         $this->assertEquals( $autofocus, $data['autofocus'] );
         $this->assertArrayHasKey( 'save', $data['nonce'] );
@@ -717 +717 @@
         $this->assertEquals( $control_id, $result_control->id );
     }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 }
 

trunk/tests/qunit/fixtures/customize-settings.js

@@ -131 +131 @@
         'parent': 'http://example.org/wp-admin/',
         'preview': 'http://example.org/'
+
+
+
+
+
+
+
+
+
+
+
+
     }
 };

trunk/tests/qunit/wp-admin/js/customize-controls.js

@@ -76 +76 @@
 
     };
+
+
+
+
+
 
     module( 'Customizer Setting in Fixture' );