WordPress.org

Make WordPress Core

Ticket #40507: 40507.0.diff

File 40507.0.diff, 3.2 KB (added by westonruter, 3 years ago)

via @timmydcrawford in https://core.trac.wordpress.org/attachment/ticket/32296/32296-e.diff

  • src/wp-admin/css/themes.css

    diff --git src/wp-admin/css/themes.css src/wp-admin/css/themes.css
    index a18a89a740..56fc43fc54 100644
    body.full-overlay-active { 
    15201520        box-shadow: none !important;
    15211521        -webkit-border-radius: 0 !important;
    15221522        border-radius: 0 !important;
    1523         z-index: -1; /* Below device buttons */
    15241523}
    15251524
    15261525.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
    body.full-overlay-active { 
    16221621        background: #eee;
    16231622}
    16241623
    1625 .wp-full-overlay-footer .devices {
     1624.wp-full-overlay-footer .devices-wrapper {
    16261625        float: right;
     1626}
     1627
     1628.wp-full-overlay-footer .devices {
     1629        position: relative;
    16271630        background: #eee;
    16281631        -webkit-box-shadow: -20px 0 10px -5px #eee;
    16291632        box-shadow: -20px 0 10px -5px #eee;
  • src/wp-admin/customize.php

    diff --git src/wp-admin/customize.php src/wp-admin/customize.php
    index f1e66ff3dd..b6c1e63827 100644
    do_action( 'customize_controls_print_scripts' ); 
    171171                </div>
    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>
    200202        <div id="customize-preview" class="wp-full-overlay-main"></div>