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

Timestamp:

04/01/2015 10:24:21 PM (11 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>