WordPress.org

Make WordPress Core

Changeset 40358


Ignore:
Timestamp:
03/31/17 16:50:42 (4 weeks ago)
Author:
afercia
Message:

Administration: Fix minor misalignments caused by the button-link CSS class.

After [40059] the CSS class button-link uses text-align: left by default.
This change now requires to limit as much as possible the use of button-link
to controls that should really look like links and to explicitly set
text-align: center in a few other cases.

Fixes #39983.

Location:
trunk/src
Files:
4 edited

Legend:

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

    r40052 r40358  
    151151    overflow: hidden; 
    152152    cursor: pointer; 
     153    text-align: center; 
    153154} 
    154155 
     
    522523    outline: none; 
    523524    cursor: pointer; 
     525    text-align: center; 
    524526} 
    525527 
     
    613615    outline: none; 
    614616    cursor: pointer; 
     617    text-align: center; 
    615618} 
    616619 
  • trunk/src/wp-includes/css/media-views.css

    r40052 r40358  
    184184    width: 50px; 
    185185    height: 50px; 
     186    margin: 0; 
    186187    padding: 0; 
     188    border: 1px solid transparent; 
     189    background: none; 
     190    color: #666; 
    187191    z-index: 1000; 
     192    cursor: pointer; 
     193    outline: none; 
    188194    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out; 
    189195    transition: color .1s ease-in-out, background .1s ease-in-out; 
    190196} 
    191197 
    192 .media-modal-close.button-link { 
    193     text-decoration: none; 
    194 } 
    195  
     198.media-modal-close:hover, 
    196199.media-modal-close:active { 
    197     -webkit-box-shadow: none; 
    198     box-shadow: none; 
     200    color: #00a0d2; 
     201} 
     202 
     203.media-modal-close:focus { 
     204    color: #00a0d2; 
     205    border-color: #5b9dd9; 
     206    -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); 
     207    box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); 
    199208} 
    200209 
     
    210219    -webkit-font-smoothing: antialiased; 
    211220    -moz-osx-font-smoothing: grayscale; 
    212     color: #666; 
    213 } 
    214  
    215 .media-modal-close:hover .media-modal-icon:before { 
    216     color: #00a0d2; 
    217 } 
    218  
    219 .media-modal-close:active { 
    220     outline: 0; 
    221221} 
    222222 
  • trunk/src/wp-includes/css/wp-auth-check.css

    r40052 r40358  
    9494    color: #72777c; 
    9595    text-decoration: none; 
     96    text-align: center; 
    9697} 
    9798 
  • trunk/src/wp-includes/media-template.php

    r40052 r40358  
    164164    <script type="text/html" id="tmpl-media-modal"> 
    165165        <div class="<?php echo $class; ?>"> 
    166             <button type="button" class="button-link media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text"><?php _e( 'Close media panel' ); ?></span></span></button> 
     166            <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text"><?php _e( 'Close media panel' ); ?></span></span></button> 
    167167            <div class="media-modal-content"></div> 
    168168        </div> 
Note: See TracChangeset for help on using the changeset viewer.