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
This commit is contained in:
Weston Ruter 2017-04-21 05:16:45 +00:00
parent 9c8bf59842
commit 9eb9cc40bd
6 changed files with 35 additions and 27 deletions

View File

@ -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;

File diff suppressed because one or more lines are too long

View File

@ -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;

File diff suppressed because one or more lines are too long

View File

@ -171,30 +171,32 @@ do_action( 'customize_controls_print_scripts' );
</div>
<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>
<div id="customize-preview" class="wp-full-overlay-main"></div>

View File

@ -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.