WordPress.org

Make WordPress Core

Changeset 40510


Ignore:
Timestamp:
04/21/2017 05:15:29 AM (14 months 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:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/themes.css

    r39528 r40510  
    15211521    -webkit-border-radius: 0 !important;
    15221522    border-radius: 0 !important;
    1523     z-index: -1; /* Below device buttons */
    15241523}
    15251524
     
    16231622}
    16241623
     1624.wp-full-overlay-footer .devices-wrapper {
     1625    float: right;
     1626}
     1627
    16251628.wp-full-overlay-footer .devices {
    1626     float: right;
     1629    position: relative;
    16271630    background: #eee;
    16281631    -webkit-box-shadow: -20px 0 10px -5px #eee;
  • trunk/src/wp-admin/customize.php

    r40368 r40510  
    172172
    173173        <div id="customize-footer-actions" class="wp-full-overlay-footer">
    174             <?php $previewable_devices = $wp_customize->get_previewable_devices(); ?>
    175             <?php if ( ! empty( $previewable_devices ) ) : ?>
    176             <div class="devices">
    177                 <?php foreach ( (array) $previewable_devices as $device => $settings ) : ?>
    178                     <?php
    179                     if ( empty( $settings['label'] ) ) {
    180                         continue;
    181                     }
    182                     $active = ! empty( $settings['default'] );
    183                     $class = 'preview-' . $device;
    184                     if ( $active ) {
    185                         $class .= ' active';
    186                     }
    187                     ?>
    188                     <button type="button" class="<?php echo esc_attr( $class ); ?>" aria-pressed="<?php echo esc_attr( $active ) ?>" data-device="<?php echo esc_attr( $device ); ?>">
    189                         <span class="screen-reader-text"><?php echo esc_html( $settings['label'] ); ?></span>
    190                     </button>
    191                 <?php endforeach; ?>
    192             </div>
    193             <?php endif; ?>
    194174            <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' ) ); ?>">
    195175                <span class="collapse-sidebar-arrow"></span>
    196176                <span class="collapse-sidebar-label"><?php _ex( 'Hide Controls', 'short (~12 characters) label for hide controls button' ); ?></span>
    197177            </button>
     178            <?php $previewable_devices = $wp_customize->get_previewable_devices(); ?>
     179            <?php if ( ! empty( $previewable_devices ) ) : ?>
     180            <div class="devices-wrapper">
     181                <div class="devices">
     182                    <?php foreach ( (array) $previewable_devices as $device => $settings ) : ?>
     183                        <?php
     184                        if ( empty( $settings['label'] ) ) {
     185                            continue;
     186                        }
     187                        $active = ! empty( $settings['default'] );
     188                        $class = 'preview-' . $device;
     189                        if ( $active ) {
     190                            $class .= ' active';
     191                        }
     192                        ?>
     193                        <button type="button" class="<?php echo esc_attr( $class ); ?>" aria-pressed="<?php echo esc_attr( $active ) ?>" data-device="<?php echo esc_attr( $device ); ?>">
     194                            <span class="screen-reader-text"><?php echo esc_html( $settings['label'] ); ?></span>
     195                        </button>
     196                    <?php endforeach; ?>
     197                </div>
     198            </div>
     199            <?php endif; ?>
    198200        </div>
    199201    </form>
Note: See TracChangeset for help on using the changeset viewer.