Changeset 40510

Timestamp:

04/21/2017 05:15:29 AM (9 years ago)

Author:

westonruter

Message:

Customize: Fix visibility of "Hide Controls" link in IE.

Amends [39214].
Props timmydcrawford.
See #32296, #38762.
Fixes #40507.

Location:

trunk/src/wp-admin

Files:

• css/themes.css (modified) (2 diffs)
• customize.php (modified) (1 diff)

trunk/src/wp-admin/css/themes.css

@@ -1521 +1521 @@
         -webkit-border-radius: 0 !important;
         border-radius: 0 !important;
-        z-index: -1; /* Below device buttons */
 }
 
@@ -1623 +1622 @@
 }
 
+.wp-full-overlay-footer .devices-wrapper {
+        float: right;
+}
+
 .wp-full-overlay-footer .devices {
-        float: right;
+        position: relative;
         background: #eee;
         -webkit-box-shadow: -20px 0 10px -5px #eee;

trunk/src/wp-admin/customize.php

@@ -172 +172 @@
 
                 <div id="customize-footer-actions" class="wp-full-overlay-footer">
-                        <?php $previewable_devices = $wp_customize->get_previewable_devices(); ?>
-                        <?php if ( ! empty( $previewable_devices ) ) : ?>
-                        <div class="devices">
-                                <?php foreach ( (array) $previewable_devices as $device => $settings ) : ?>
-                                        <?php
-                                        if ( empty( $settings['label'] ) ) {
-                                                continue;
-                                        }
-                                        $active = ! empty( $settings['default'] );
-                                        $class = 'preview-' . $device;
-                                        if ( $active ) {
-                                                $class .= ' active';
-                                        }
-                                        ?>
-                                        <button type="button" class="<?php echo esc_attr( $class ); ?>" aria-pressed="<?php echo esc_attr( $active ) ?>" data-device="<?php echo esc_attr( $device ); ?>">
-                                                <span class="screen-reader-text"><?php echo esc_html( $settings['label'] ); ?></span>
-                                        </button>
-                                <?php endforeach; ?>
-                        </div>
-                        <?php endif; ?>
                         <button type="button" class="collapse-sidebar button" aria-expanded="true" aria-label="<?php echo esc_attr( _x( 'Hide Controls', 'label for hide controls button without length constraints' ) ); ?>">
                                 <span class="collapse-sidebar-arrow"></span>
                                 <span class="collapse-sidebar-label"><?php _ex( 'Hide Controls', 'short (~12 characters) label for hide controls button' ); ?></span>
                         </button>
+                        <?php $previewable_devices = $wp_customize->get_previewable_devices(); ?>
+                        <?php if ( ! empty( $previewable_devices ) ) : ?>
+                        <div class="devices-wrapper">
+                                <div class="devices">
+                                        <?php foreach ( (array) $previewable_devices as $device => $settings ) : ?>
+                                                <?php
+                                                if ( empty( $settings['label'] ) ) {
+                                                        continue;
+                                                }
+                                                $active = ! empty( $settings['default'] );
+                                                $class = 'preview-' . $device;
+                                                if ( $active ) {
+                                                        $class .= ' active';
+                                                }
+                                                ?>
+                                                <button type="button" class="<?php echo esc_attr( $class ); ?>" aria-pressed="<?php echo esc_attr( $active ) ?>" data-device="<?php echo esc_attr( $device ); ?>">
+                                                        <span class="screen-reader-text"><?php echo esc_html( $settings['label'] ); ?></span>
+                                                </button>
+                                        <?php endforeach; ?>
+                                </div>
+                        </div>
+                        <?php endif; ?>
                 </div>
         </form>