WordPress.org

Make WordPress Core

Changeset 31984


Ignore:
Timestamp:
04/02/15 17:15:08 (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.