Changeset 40510

Timestamp:

04/21/2017 05:15:29 AM (8 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>