WordPress.org

Make WordPress Core

Ticket #29012: 29012.1.diff

File 29012.1.diff, 3.1 KB (added by celloexpressions, 6 years ago)
  • src/wp-admin/css/colors/_admin.scss

     
    416416        box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
    417417}
    418418
     419.media-modal-close:hover,
     420.edit-attachment-frame .edit-media-header .right:hover,
     421.edit-attachment-frame .edit-media-header .left:hover,
     422.media-modal-close:focus,
     423.edit-attachment-frame .edit-media-header .right:focus,
     424.edit-attachment-frame .edit-media-header .left:focus {
     425        background: $menu-highlight-background;
     426        color: $menu-highlight-text;
     427}
    419428
    420429/* Themes */
    421430
  • src/wp-includes/css/media-views.css

     
    141141.media-modal-close {
    142142        position: absolute;
    143143        text-decoration: none;
    144         top: 5px;
    145         right: 10px;
    146         width: 30px;
    147         height: 30px;
     144        top: 0;
     145        right: 0;
     146        width: 50px;
     147        height: 48px;
    148148        z-index: 1000;
     149        color: #777;
    149150}
    150151
    151152.media-modal-close span.media-modal-icon {
    152         display: block;
     153        display: none;
    153154        margin: 8px auto 0;
    154155        width: 15px;
    155156        height: 15px;
     
    156157        background-image: none;
    157158}
    158159
    159 .media-modal-close .media-modal-icon:before {
    160         content: '\f158';
    161         font: normal 20px/1 'dashicons';
     160.media-modal-close:before {
     161        position: absolute;
     162        top: 1px;
     163        left: 11px;
     164        font: normal 30px/50px 'dashicons' !important;
     165        content: '\f335';
     166        font-weight: 300;
    162167        speak: none;
    163         vertical-align: middle;
    164168        -webkit-font-smoothing: antialiased;
    165169        -moz-osx-font-smoothing: grayscale;
    166         color: #666;
    167170}
    168171
    169 .media-modal-close:hover .media-modal-icon:before {
    170         color: #2ea2cc;
     172.media-modal-close:focus,
     173.media-modal-close:hover {
     174        background: #0074a2;
     175        color: #fff;
     176        -webkit-box-shadow: none;
     177        box-shadow: none;
    171178}
    172179
    173180.media-modal-close:active {
     
    27132720        overflow: hidden;
    27142721}
    27152722
    2716 .upload-php .media-modal-close .media-modal-icon:before {
    2717         content: '\f335';
    2718         font-size: 30px;
     2723.upload-php .media-modal-close:before {
     2724        top: 4px;
     2725        left: 14px;
    27192726}
    27202727
    2721 .upload-php .media-modal-close:hover .media-modal-icon:before,
    2722 .upload-php .media-modal-close:focus .media-modal-icon:before {
    2723         color: #fff;
    2724 }
    2725 
    2726 .upload-php .media-modal-close .media-modal-icon {
    2727         margin-top: 13px;
    2728         width: 30px;
    2729         height: 30px;
    2730 }
    2731 
    27322728.upload-php .media-modal-close,
    27332729.edit-attachment-frame .edit-media-header .left,
    27342730.edit-attachment-frame .edit-media-header .right {
     
    27442740        border-left: 1px solid #ddd;
    27452741}
    27462742
    2747 .upload-php .media-modal-close {
    2748         top: 0;
    2749         right: 0;
    2750 }
    2751 
    27522743.edit-attachment-frame .edit-media-header .left {
    27532744        right: 112px;
    27542745}
     
    27852776
    27862777.edit-attachment-frame .edit-media-header .left.disabled,
    27872778.edit-attachment-frame .edit-media-header .right.disabled,
     2779.edit-attachment-frame .edit-media-header .left.disabled:focus,
     2780.edit-attachment-frame .edit-media-header .right.disabled:focus,
    27882781.edit-attachment-frame .edit-media-header .left.disabled:hover,
    27892782.edit-attachment-frame .edit-media-header .right.disabled:hover {
    27902783        color: #ccc;