WordPress.org

Make WordPress Core

Changeset 40358


Ignore:
Timestamp:
03/31/2017 04:50:42 PM (14 months 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.