WordPress.org

Make WordPress Core

Ticket #31487: 31487.1.patch

File 31487.1.patch, 4.9 KB (added by Cheffheid, 6 years ago)

Adjusted width: 100% specific to buttons

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

     
    28872887        margin: 0;
    28882888        padding: 12px 15px 15px;
    28892889        position: relative;
     2890        border-top: 0;
    28902891        border-left: 1px solid #dfdfdf;
    28912892        border-right: 1px solid #dfdfdf;
     2893        text-align: left;
    28922894        -webkit-user-select: none;
    28932895        -moz-user-select: none;
    28942896        -ms-user-select: none;
    28952897        user-select: none;
    28962898}
     2899/* Ultimately, this needs to be moved to the main selector once all accordion titles are converted */
     2900button.accordion-section-title {
     2901        width: 100%;
     2902}
    28972903
    28982904.js .accordion-section-title {
    28992905        cursor: pointer;
  • src/wp-admin/css/customize-controls.css

     
    214214        top: 0;
    215215        z-index: 99;
    216216        left: -48px;
    217         width: 45px;
     217        width: 48px;
    218218        height: 45px;
    219         padding-right: 2px;
     219        padding: 0;
    220220        background: #eee;
     221        border: none;
    221222        border-right: 1px solid #ddd;
    222223        cursor: pointer;
    223224        -webkit-transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
     
    254255        font: normal 20px/1 dashicons;
    255256        content: "\f341";
    256257        position: relative;
    257         top: 7px;
    258         left: 13px;
     258        top: 3px;
     259        left: 0;
    259260}
    260261
    261262.in-sub-panel .control-panel-back {
     
    10281029                margin: 0;
    10291030                height: 45px;
    10301031                background: #eee;
     1032                border: 0;
    10311033                border-right: 1px solid #ddd;
    10321034                color: #444;
    10331035                cursor: pointer;
  • src/wp-admin/css/themes.css

     
    14611461}
    14621462
    14631463/* Collapse Button */
    1464 .wp-full-overlay a.collapse-sidebar {
     1464.wp-full-overlay .collapse-sidebar {
    14651465        position: absolute;
    14661466        bottom: 12px;
    14671467        left: 0;
    14681468        z-index: 50;
    14691469        display: block;
    1470         width: 19px;
    14711470        height: 19px;
    14721471        margin-left: 15px;
    14731472        padding: 0;
     
    14771476        text-decoration: none;
    14781477}
    14791478
    1480 .wp-full-overlay a.collapse-sidebar:hover {
     1479.wp-full-overlay .collapse-sidebar:hover {
    14811480        color: #0073aa;
     1481        cursor: pointer;
    14821482}
    14831483
    14841484.wp-full-overlay.collapsed .collapse-sidebar {
     
    15361536        position: absolute;
    15371537        left: 100%;
    15381538        line-height: 20px;
    1539         margin-left: 10px;
     1539        margin-left: 9px;
    15401540}
    15411541
    15421542.wp-full-overlay.collapsed .collapse-sidebar-label {
  • src/wp-admin/customize.php

     
    126126                                submit_button( $save_text, 'primary save', 'save', false );
    127127                        ?>
    128128                        <span class="spinner"></span>
    129                         <a class="customize-controls-preview-toggle" href="#">
     129                        <button class="customize-controls-preview-toggle">
    130130                                <span class="controls"><?php _e( 'Customize' ); ?></span>
    131131                                <span class="preview"><?php _e( 'Preview' ); ?></span>
    132                         </a>
     132                        </button>
    133133                        <a class="customize-controls-close" href="<?php echo esc_url( $return ); ?>">
    134134                                <span class="screen-reader-text"><?php _e( 'Cancel' ); ?></span>
    135135                        </a>
    136                         <span class="control-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></span>
     136                        <button class="control-panel-back"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></button>
    137137                </div>
    138138
    139139                <div id="widgets-right"><!-- For Widget Customizer, many widgets try to look for instances under div#widgets-right, so we have to add that ID to a container div in the Customizer for compat -->
    140140                <div class="wp-full-overlay-sidebar-content" tabindex="-1">
    141141                        <div id="customize-info" class="accordion-section">
    142                                 <div class="accordion-section-title" aria-label="<?php esc_attr_e( 'Customizer Options' ); ?>" tabindex="0">
     142                                <button class="accordion-section-title" aria-label="<?php esc_attr_e( 'Customizer Options' ); ?>" tabindex="0">
    143143                                        <span class="preview-notice"><?php
    144144                                                echo sprintf( __( 'You are customizing %s' ), '<strong class="theme-name site-title">' . get_bloginfo( 'name' ) . '</strong>' );
    145145                                        ?></span>
    146                                 </div>
     146                                </button>
    147147                                <div class="accordion-section-content"><?php
    148148                                        echo __( 'The Customizer allows you to preview changes to your site before publishing them. You can also navigate to different pages on your site to preview them.' );
    149149                                ?></div>
     
    156156                </div>
    157157
    158158                <div id="customize-footer-actions" class="wp-full-overlay-footer">
    159                         <a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
     159                        <button class="collapse-sidebar" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
    160160                                <span class="collapse-sidebar-arrow"></span>
    161161                                <span class="collapse-sidebar-label"><?php _e('Collapse'); ?></span>
    162                         </a>
     162                        </button>
    163163                </div>
    164164        </form>
    165165        <div id="customize-preview" class="wp-full-overlay-main"></div>