WordPress.org

Make WordPress Core

Changeset 31984


Ignore:
Timestamp:
04/02/2015 05:15:08 PM (3 years ago)
Author:
ocean90
Message:

Customizer: Improve the overlay close button for iOS.

see #28784.

Location:
trunk/src/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/customize-controls.css

    r31975 r31984  
    198198}
    199199
    200 .customize-close-overlay,
     200.customize-overlay-close,
    201201.customize-controls-close {
    202202    display: block;
     
    206206    width: 45px;
    207207    height: 45px;
    208     padding-right: 2px;
     208    padding: 0 2px 0 0;
    209209    background: #eee;
    210210    border: none;
    211211    border-right: 1px solid #ddd;
    212212    color: #444;
     213    text-align: left;
    213214    cursor: pointer;
    214215    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
    215216    transition: color .1s ease-in-out, background .1s ease-in-out;
    216 }
    217 
    218 .customize-close-overlay {
     217    -webkit-box-sizing: content-box;
     218    -moz-box-sizing: content-box;
     219    box-sizing: content-box;
     220}
     221
     222.customize-overlay-close {
    219223    left: auto;
    220224    right: 0;
     225    border-right: 0;
     226    border-left: 1px solid #ddd;
    221227}
    222228
     
    241247}
    242248
    243 .customize-close-overlay:focus,
    244 .customize-close-overlay:hover,
     249.customize-overlay-close:focus,
     250.customize-overlay-close:hover,
    245251.customize-controls-close:focus,
    246252.customize-controls-close:hover,
     
    257263}
    258264
     265.customize-overlay-close:before,
    259266.customize-controls-close:before {
    260     font: normal 22px/1 dashicons;
     267    font: normal 22px/45px dashicons;
    261268    content: "\f335";
    262269    position: relative;
    263     top: 7px;
     270    top: 1px;
    264271    left: 13px;
    265272}
    266273
    267 .customize-close-overlay:before {
    268     font: normal 22px/1 dashicons;
    269     content: "\f335";
    270     position: relative;
    271     top: 3px;
    272 }
    273 
    274274.control-panel-back:before {
    275     font: normal 20px/1 dashicons;
     275    font: normal 20px/45px dashicons;
    276276    content: "\f341";
    277277    position: relative;
    278     top: 7px;
     278    top: 1px;
    279279    left: 13px;
    280280}
  • trunk/src/wp-admin/customize.php

    r31974 r31984  
    136136            </div>
    137137            <div class="secondary-actions">
    138                 <button type="button" class="dashicons dashicons-no customize-close-overlay">
    139                     <span class="screen-reader-text"><?php _e( 'Close' ); ?></span>
     138                <button type="button" class="customize-overlay-close">
     139                    <span class="screen-reader-text"><?php _e( 'Close overlay' ); ?></span>
    140140                </button>
    141141            </div>
Note: See TracChangeset for help on using the changeset viewer.