Make WordPress Core

Ticket #42979: 42979.2.diff

File 42979.2.diff, 2.7 KB (added by shaunandrews, 4 years ago)

Simplifying the button styles

  • src/wp-admin/css/media.css

     
    507507        background: none;
    508508}
    509509
    510 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
    511         top: -10px;
    512         right: -14px;
    513         padding: 10px;
    514 }
    515 
    516 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
    517         content: "\f153";
    518         display: block;
    519         font: normal 16px/1 dashicons;
    520         color: #787c82;
    521 }
    522 
    523 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
    524 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
    525         color: #d63638;
    526 }
    527 
    528510.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
    529511        display: none;
    530512}
  • src/wp-includes/css/media-views.css

     
    14371437}
    14381438
    14391439.media-uploader-status .upload-dismiss-errors {
    1440         position: absolute;
    1441         top: -3px;
    1442         right: -5px;
    1443         padding: 5px;
    1444         border-radius: 50%;
    14451440        transition: none;
    14461441        text-decoration: none;
    14471442}
    14481443
    1449 .uploader-inline .media-uploader-status .upload-dismiss-errors {
    1450         top: 2px;
    1451         right: 2px;
    1452 }
    1453 
    1454 .media-uploader-status .upload-dismiss-errors::before {
    1455         content: "\f153";
    1456         display: block;
    1457         font: normal 16px/1 dashicons;
    1458         color: #787c82;
    1459 }
    1460 
    1461 .uploader-inline .errors.media-uploader-status .upload-dismiss-errors::before {
    1462         color: #646970;
    1463 }
    1464 
    1465 .errors.media-uploader-status .upload-dismiss-errors:hover::before,
    1466 .errors.media-uploader-status .upload-dismiss-errors:focus::before {
    1467         color: #d63638;
    1468 }
    1469 
    14701444.upload-errors .upload-error {
    14711445        padding: 12px;
    14721446        margin-bottom: 12px;
  • src/wp-includes/media-template.php

     
    323323        <?php // Template for the uploading status UI. ?>
    324324        <script type="text/html" id="tmpl-uploader-status">
    325325                <h2><?php _e( 'Uploading' ); ?></h2>
    326                 <button type="button" class="button-link upload-dismiss-errors"><span class="screen-reader-text"><?php _e( 'Dismiss Errors' ); ?></span></button>
    327326
    328327                <div class="media-progress-bar"><div></div></div>
    329328                <div class="upload-details">
     
    334333                        <span class="upload-filename"></span>
    335334                </div>
    336335                <div class="upload-errors"></div>
     336                <button type="button" class="upload-dismiss-errors"><?php _e( 'Dismiss errors' ); ?></button>
    337337        </script>
    338338
    339339        <?php // Template for the uploading status errors. ?>