WordPress.org

Make WordPress Core

Ticket #32296: 32296-e.diff

File 32296-e.diff, 4.8 KB (added by timmydcrawford, 9 months ago)
  • src/wp-admin/css/customize-controls.css

     
    11891189.customize-section-description-container + #customize-control-custom_css:last-child { 
    11901190        margin-left: -12px; 
    11911191        width: 299px; 
     1192        width: -webkit-calc( 100% + 24px ); 
     1193        width: calc( 100% + 24px ); 
    11921194        margin-bottom: -12px; 
    11931195} 
    11941196 
    11951197@media screen and ( max-width: 640px ) { 
    11961198        .customize-section-description-container + #customize-control-custom_css:last-child { 
    1197                 margin-left: 0; 
    11981199                margin-right: 0; 
    1199                 width: 100%; 
    12001200        } 
    12011201        .customize-section-description-container + #customize-control-custom_css:last-child textarea { 
    12021202                height: -webkit-calc( 100vh - 140px ); 
    12031203                height: calc( 100vh - 140px ); 
    1204                 width: 100%; 
    1205                 border: solid 1px #ddd; 
    12061204        } 
    12071205} 
    12081206 
  • src/wp-admin/css/themes.css

     
    13321332        -moz-box-sizing: border-box; 
    13331333        box-sizing: border-box; 
    13341334        position: fixed; 
    1335         width: 300px; 
     1335        min-width: 300px; 
     1336        max-width: 600px; 
     1337        width: 18%; 
    13361338        height: 100%; 
    13371339        top: 0; 
    13381340        bottom: 0; 
     
    13611363        margin-left: -300px; 
    13621364} 
    13631365 
     1366@media screen and (min-width: 1667px) { 
     1367        .wp-full-overlay.expanded { 
     1368                margin-left: 18%; 
     1369        } 
     1370 
     1371        .wp-full-overlay.collapsed .wp-full-overlay-sidebar { 
     1372                margin-left: -18%; 
     1373        } 
     1374} 
     1375 
     1376@media screen and (min-width: 3333px) { 
     1377        .wp-full-overlay.expanded { 
     1378                margin-left: 600px; 
     1379        } 
     1380 
     1381        .wp-full-overlay.collapsed .wp-full-overlay-sidebar { 
     1382                margin-left: -600px; 
     1383        } 
     1384} 
     1385 
    13641386.wp-full-overlay-sidebar:after { 
    13651387        content: ""; 
    13661388        display: block; 
     
    15201542        box-shadow: none !important; 
    15211543        -webkit-border-radius: 0 !important; 
    15221544        border-radius: 0 !important; 
    1523         z-index: -1; /* Below device buttons */ 
    15241545} 
    15251546 
    15261547.wp-core-ui .wp-full-overlay .collapse-sidebar:hover, 
     
    16161637        position: fixed; 
    16171638        bottom: 0; 
    16181639        left: 0; 
    1619         width: 299px; 
     1640        min-width: 299px; 
     1641        max-width: 599px; 
     1642        width: 18%; 
    16201643        height: 45px; 
    16211644        border-top: 1px solid #ddd; 
    16221645        background: #eee; 
    16231646} 
    16241647 
    1625 .wp-full-overlay-footer .devices { 
     1648.wp-full-overlay-footer .devices-wrapper { 
    16261649        float: right; 
     1650} 
     1651 
     1652.wp-full-overlay-footer .devices { 
     1653        position: relative; 
    16271654        background: #eee; 
    16281655        -webkit-box-shadow: -20px 0 10px -5px #eee; 
    16291656        box-shadow: -20px 0 10px -5px #eee; 
  • src/wp-admin/customize.php

     
    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>