WordPress.org

Make WordPress Core

Changeset 40510


Ignore:
Timestamp:
04/21/17 05:15:29 (8 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.