Changeset 32649 for trunk/src/wp-includes/class-wp-customize-panel.php

Timestamp:

05/29/2015 01:56:39 PM (11 years ago)

Author:

ocean90

Message:

Customizer: Replace accordion behavior of sections with a slide-in navigation.

This allows users to focus on the contents of the active section more easily and separating the navigation from the content/controls in the Customizer.

props valendesigns, celloexpressions.
see #31336.

File:

• trunk/src/wp-includes/class-wp-customize-panel.php (modified) (1 diff)

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

@@ -316 +316 @@
     protected function render_content() {
         ?>
-        <li class="panel-meta accordion-section control-section<?php if ( empty( $this->description ) ) { echo ' cannot-expand'; } ?>">
-            <div class="accordion-section-title" tabindex="0">
+        <li class="panel-meta customize-info accordion-section<?php if ( empty( $this->description ) ) { echo ' cannot-expand'; } ?>">
+            <button class="customize-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></button>
+            <div class="accordion-section-title">
                 <span class="preview-notice"><?php
                     /* translators: %s is the site/panel title in the Customizer */
                     echo sprintf( __( 'You are customizing %s' ), '<strong class="panel-title">' . esc_html( $this->title ) . '</strong>' );
                 ?></span>
+                <button class="customize-help-toggle dashicons dashicons-editor-help" tabindex="0" aria-expanded="false"><span class="screen-reader-text"><?php _e( 'Help' ); ?></span></button>
             </div>
             <?php if ( ! empty( $this->description ) ) : ?>
-                <div class="accordion-section-content description">
+                <div class="description customize-panel-description">
                     <?php echo $this->description; ?>
                 </div>