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

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

Built from https://develop.svn.wordpress.org/trunk@40510


git-svn-id: http://core.svn.wordpress.org/trunk@40386 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/themes-rtl.css

@@ -1520,7 +1520,6 @@ body.full-overlay-active {
 	box-shadow: none !important;
 	-webkit-border-radius: 0 !important;
 	border-radius: 0 !important;
-	z-index: -1; /* Below device buttons */
 }
 
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
@@ -1622,8 +1621,12 @@ body.full-overlay-active {
 	background: #eee;
 }
 
-.wp-full-overlay-footer .devices {
+.wp-full-overlay-footer .devices-wrapper {
 	float: left;
+}
+
+.wp-full-overlay-footer .devices {
+	position: relative;
 	background: #eee;
 	-webkit-box-shadow: 20px 0 10px -5px #eee;
 	box-shadow: 20px 0 10px -5px #eee;

wp-admin/css/themes.css

@@ -1520,7 +1520,6 @@ body.full-overlay-active {
 	box-shadow: none !important;
 	-webkit-border-radius: 0 !important;
 	border-radius: 0 !important;
-	z-index: -1; /* Below device buttons */
 }
 
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
@@ -1622,8 +1621,12 @@ body.full-overlay-active {
 	background: #eee;
 }
 
-.wp-full-overlay-footer .devices {
+.wp-full-overlay-footer .devices-wrapper {
 	float: right;
+}
+
+.wp-full-overlay-footer .devices {
+	position: relative;
 	background: #eee;
 	-webkit-box-shadow: -20px 0 10px -5px #eee;
 	box-shadow: -20px 0 10px -5px #eee;

wp-admin/customize.php

@@ -171,8 +171,13 @@ do_action( 'customize_controls_print_scripts' );
 		</div>
 
 		<div id="customize-footer-actions" class="wp-full-overlay-footer">
+			<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
@@ -190,11 +195,8 @@ do_action( 'customize_controls_print_scripts' );
 						</button>
 					<?php endforeach; ?>
 				</div>
+			</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>
 		</div>
 	</form>
 	<div id="customize-preview" class="wp-full-overlay-main"></div>

wp-includes/version.php

@@ -4,7 +4,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '4.8-alpha-40486';
+$wp_version = '4.8-alpha-40510';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.