WordPress.org

Make WordPress Core

Ticket #32296: 32296-e.diff

File 32296-e.diff, 4.8 KB (added by timmydcrawford, 13 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>