WordPress.org

Make WordPress Core

Changeset 29287


Ignore:
Timestamp:
07/24/2014 09:06:42 PM (6 years ago)
Author:
wonderboymusic
Message:

Media Grid CSS: Media modal close icon should be consistent with other modals.

Props celloexpressions.
Fixes #29012.

Location:
trunk/src
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors/_admin.scss

    r29124 r29287  
    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 */
  • trunk/src/wp-includes/css/media-views.css

    r29286 r29287  
    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;
     
    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;
    167 }
    168 
    169 .media-modal-close:hover .media-modal-icon:before {
    170     color: #2ea2cc;
     170}
     171
     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
     
    26892696}
    26902697
    2691 .upload-php .media-modal-close .media-modal-icon:before {
    2692     content: '\f335';
    2693     font-size: 30px;
    2694 }
    2695 
    2696 .upload-php .media-modal-close:hover .media-modal-icon:before,
    2697 .upload-php .media-modal-close:focus .media-modal-icon:before {
    2698     color: #fff;
    2699 }
    2700 
    2701 .upload-php .media-modal-close .media-modal-icon {
    2702     margin-top: 13px;
    2703     width: 30px;
    2704     height: 30px;
     2698.upload-php .media-modal-close:before {
     2699    top: 4px;
     2700    left: 14px;
    27052701}
    27062702
     
    27202716}
    27212717
    2722 .upload-php .media-modal-close {
    2723     top: 0;
    2724     right: 0;
    2725 }
    2726 
    27272718.edit-attachment-frame .edit-media-header .left {
    27282719    right: 112px;
     
    27612752.edit-attachment-frame .edit-media-header .left.disabled,
    27622753.edit-attachment-frame .edit-media-header .right.disabled,
     2754.edit-attachment-frame .edit-media-header .left.disabled:focus,
     2755.edit-attachment-frame .edit-media-header .right.disabled:focus,
    27632756.edit-attachment-frame .edit-media-header .left.disabled:hover,
    27642757.edit-attachment-frame .edit-media-header .right.disabled:hover {
Note: See TracChangeset for help on using the changeset viewer.