Make WordPress Core

Changeset 40367


Ignore:
Timestamp:
04/03/2017 10:20:37 PM (7 years ago)
Author:
swissspidy
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.

Merges [40358] to the 4.7 branch.

Location:
branches/4.7
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • branches/4.7

  • branches/4.7/src/wp-admin/css/customize-nav-menus.css

    r39696 r40367  
    162162    overflow: hidden;
    163163    cursor: pointer;
     164    text-align: center;
    164165}
    165166
     
    533534    outline: none;
    534535    cursor: pointer;
     536    text-align: center;
    535537}
    536538
     
    624626    outline: none;
    625627    cursor: pointer;
     628    text-align: center;
    626629}
    627630
  • branches/4.7/src/wp-includes/css/media-views.css

    r38152 r40367  
    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
     198.media-modal-close:hover,
    192199.media-modal-close:active {
    193     -webkit-box-shadow: none;
    194     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 );
    195208}
    196209
     
    206219    -webkit-font-smoothing: antialiased;
    207220    -moz-osx-font-smoothing: grayscale;
    208     color: #666;
    209 }
    210 
    211 .media-modal-close:hover .media-modal-icon:before {
    212     color: #00a0d2;
    213 }
    214 
    215 .media-modal-close:active {
    216     outline: 0;
    217221}
    218222
  • branches/4.7/src/wp-includes/css/wp-auth-check.css

    r36014 r40367  
    9393    width: 22px;
    9494    color: #72777c;
     95    text-align: center;
    9596}
    9697
  • branches/4.7/src/wp-includes/media-template.php

    r39213 r40367  
    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.