Changeset 31974 for trunk/src/wp-admin/customize.php

Timestamp:

04/01/2015 10:24:21 PM (10 years ago)

Author:

ocean90

Message:

Customizer: Make the available widgets overlay closable on narrow screens.

see #28784.

File:

• trunk/src/wp-admin/customize.php (modified) (1 diff)

trunk/src/wp-admin/customize.php

@@ -120 +120 @@
     <form id="customize-controls" class="wrap wp-full-overlay-sidebar">
         <div id="customize-header-actions" class="wp-full-overlay-header">
-            <?php
-                $save_text = $wp_customize->is_theme_active() ? __( 'Save &amp; Publish' ) : __( 'Save &amp; Activate' );
-                submit_button( $save_text, 'primary save', 'save', false );
-            ?>
-            <span class="spinner"></span>
-            <a class="customize-controls-preview-toggle" href="#">
-                <span class="controls"><?php _e( 'Customize' ); ?></span>
-                <span class="preview"><?php _e( 'Preview' ); ?></span>
-            </a>
-            <a class="customize-controls-close" href="<?php echo esc_url( $return ); ?>">
-                <span class="screen-reader-text"><?php _e( 'Cancel' ); ?></span>
-            </a>
-            <span class="control-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></span>
+            <div class="primary-actions">
+                <?php
+                    $save_text = $wp_customize->is_theme_active() ? __( 'Save &amp; Publish' ) : __( 'Save &amp; Activate' );
+                    submit_button( $save_text, 'primary save', 'save', false );
+                ?>
+                <span class="spinner"></span>
+                <a class="customize-controls-preview-toggle" href="#">
+                    <span class="controls"><?php _e( 'Customize' ); ?></span>
+                    <span class="preview"><?php _e( 'Preview' ); ?></span>
+                </a>
+                <a class="customize-controls-close" href="<?php echo esc_url( $return ); ?>">
+                    <span class="screen-reader-text"><?php _e( 'Cancel' ); ?></span>
+                </a>
+                <span class="control-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></span>
+            </div>
+            <div class="secondary-actions">
+                <button type="button" class="dashicons dashicons-no customize-close-overlay">
+                    <span class="screen-reader-text"><?php _e( 'Close' ); ?></span>
+                </button>
+            </div>
         </div>