WordPress.org

Make WordPress Core

Changeset 29542


Ignore:
Timestamp:
08/19/2014 08:37:46 PM (7 years ago)
Author:
helen
Message:

Align and unify (most) modal and customizer icons. fixes #29147.

Location:
trunk/src
Files:
4 edited

Legend:

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

    r29447 r29542  
    401401
    402402
    403 /* Media Uploader */
     403/* Media */
     404
     405.media-modal-close:hover .media-modal-icon:before,
     406.edit-attachment-frame .edit-media-header .right:hover,
     407.edit-attachment-frame .edit-media-header .left:hover {
     408    color: $link-focus;
     409}
    404410
    405411.media-item .bar,
     
    432438.theme-overlay .theme-header .right:hover,
    433439.theme-overlay .theme-header .left:hover {
    434     background: $highlight-color;
     440    color: $link-focus;
    435441}
    436442
     
    466472.theme-install-overlay .next-theme:hover,
    467473.theme-install-overlay .next-theme:focus {
    468     background-color: $menu-highlight-background;
    469     color: $menu-highlight-text;
     474    color: $link-focus;
    470475}
    471476
     
    493498.control-panel-back:focus,
    494499.control-panel-back:hover {
    495     background-color: $menu-highlight-background;
    496     color: $menu-highlight-text;
     500    color: $link-focus;
    497501}
    498502
  • trunk/src/wp-admin/css/customize-controls.css

    r29488 r29542  
    233233.control-panel-back:focus,
    234234.control-panel-back:hover {
    235     background-color: #0074a2;
    236     color: #fff;
     235    color: #2ea2cc;
    237236    outline: none;
    238237    -webkit-box-shadow: none;
     
    241240
    242241.customize-controls-close:before {
    243     font: normal 32px/1 dashicons;
     242    font: normal 22px/1 dashicons;
    244243    content: "\f335";
    245244    position: relative;
    246     top: 8px;
    247     left: 8px;
     245    top: 7px;
     246    left: 12px;
    248247}
    249248
    250249.control-panel-back:before {
    251     font: normal 29px/1 dashicons;
    252     content: "\f340";
    253     position: relative;
    254     top: 9px;
    255     left: 9px;
     250    font: normal 20px/1 dashicons;
     251    content: "\f341";
     252    position: relative;
     253    top: 13px;
     254    left: 13px;
    256255}
    257256
  • trunk/src/wp-admin/css/themes.css

    r29365 r29542  
    432432}
    433433
    434 .theme-overlay .theme-header .close:hover:before,
    435 .theme-overlay .theme-header .close:focus:before {
    436     color: #fff;
    437 }
    438 
    439434.theme-overlay .theme-header .close:before {
    440     font: normal 30px/50px 'dashicons' !important;
     435    font: normal 22px/50px 'dashicons' !important;
    441436    color: #777;
    442437    display: inline-block;
     
    462457
    463458.theme-overlay .theme-header .close:hover,
     459.theme-overlay .theme-header .close:hover:before,
     460.theme-overlay .theme-header .close:focus:before,
    464461.theme-overlay .theme-header .right:hover,
    465 .theme-overlay .theme-header .left:hover,
     462.theme-overlay .theme-header .left:hover {
     463    color: #2ea2cc;
     464}
     465
    466466.theme-overlay .theme-header .close:focus,
    467467.theme-overlay .theme-header .right:focus,
    468468.theme-overlay .theme-header .left:focus {
    469     background: #0074a2;
    470     color: #fff;
    471     outline: none;
    472     -webkit-box-shadow: none;
    473     box-shadow: none;
     469    color: #2ea2cc;
     470    -webkit-box-shadow:
     471        0 0 0 1px #5b9dd9,
     472        0 0 2px 1px rgba(30, 140, 190, .8);
     473    box-shadow:
     474        0 0 0 1px #5b9dd9,
     475        0 0 2px 1px rgba(30, 140, 190, .8);
    474476}
    475477
     
    490492}
    491493
    492 .theme-overlay .theme-header .left:before {
    493     content: '\f340';
    494 }
    495 
    496 .theme-overlay .theme-header .right:before {
    497     content: '\f344';
    498 }
    499 
     494.theme-overlay .theme-header .left:before,
     495.rtl .theme-overlay .theme-header .right:before {
     496    content: '\f341';
     497}
     498
     499.theme-overlay .theme-header .right:before,
    500500.rtl .theme-overlay .theme-header .left:before {
    501501    content: '\f345';
    502502}
    503503
    504 .rtl .theme-overlay .theme-header .right:before {
    505     content: '\f341';
    506 }
     504
    507505
    508506.theme-overlay .theme-wrap {
     
    14011399.theme-install-overlay .next-theme:hover,
    14021400.theme-install-overlay .next-theme:focus {
    1403     background-color: #0074a2;
    1404     color: #fff;
     1401    color: #2ea2cc;
    14051402    outline: none;
    14061403    -webkit-box-shadow: none;
     
    14091406
    14101407.theme-install-overlay .close-full-overlay:before {
    1411     font: normal 30px/1 dashicons;
     1408    font: normal 22px/1 dashicons;
    14121409    content: "\f335";
    14131410    position: relative;
    1414     top: 9px;
    1415     left: 9px;
     1411    top: 7px;
     1412    left: 12px;
    14161413}
    14171414
    14181415.theme-install-overlay .previous-theme:before {
    14191416    font: normal 20px/1 dashicons;
    1420     content: "\f340";
     1417    content: "\f341";
    14211418    position: relative;
    14221419    top: 6px;
     
    14261423.theme-install-overlay .next-theme:before {
    14271424    font: normal 20px/1 dashicons;
    1428     content: "\f344";
     1425    content: "\f345";
    14291426    position: relative;
    14301427    top: 6px;
     
    14441441
    14451442.rtl .theme-install-overlay .previous-theme:before {
    1446     content: "\f344";
     1443    content: "\f345";
    14471444}
    14481445
    14491446.rtl .theme-install-overlay .next-theme:before {
    1450     content: "\f340";
     1447    content: "\f341";
    14511448}
    14521449
  • trunk/src/wp-includes/css/media-views.css

    r29532 r29542  
    141141    position: absolute;
    142142    text-decoration: none;
    143     top: 5px;
     143    top: 10px;
    144144    right: 10px;
    145145    width: 30px;
     
    150150}
    151151
     152.media-modal-close:active {
     153    box-shadow: none;
     154}
     155
    152156.media-modal-close span.media-modal-icon {
    153157    display: block;
    154     margin: 8px auto 0;
    155     width: 15px;
     158    margin-top: 5px;
     159    width: 30px;
    156160    height: 15px;
    157161    background-image: none;
     162    text-align: center;
    158163}
    159164
     
    495500    bottom: 0;
    496501    margin: 0;
    497     padding: 16px 0;
     502    padding: 10px 0;
    498503    background: #f3f3f3;
    499504    border-right-width: 1px;
     
    620625    left: 200px;
    621626    right: 0;
    622     height: 56px;
     627    height: 50px;
    623628    z-index: 200;
    624629}
     
    626631.media-frame-router {
    627632    position: absolute;
    628     top: 56px;
     633    top: 50px;
    629634    left: 200px;
    630635    right: 0;
     
    635640.media-frame-content {
    636641    position: absolute;
    637     top: 90px;
     642    top: 84px;
    638643    left: 200px;
    639644    right: 0;
     
    677682
    678683.media-frame.hide-router .media-frame-content {
    679     top: 56px;
     684    top: 50px;
    680685}
    681686
     
    697702    padding: 0 16px;
    698703    font-size: 22px;
    699     line-height: 60px;
     704    line-height: 50px;
    700705    margin: 0;
    701706}
     
    22882293    .media-frame .media-frame-title .dashicons {
    22892294        display: inline-block;
    2290         line-height: 56px;
     2295        line-height: 50px;
    22912296    }
    22922297
     
    27182723.upload-php .media-modal-close .media-modal-icon:before {
    27192724    content: '\f335';
    2720     font-size: 30px;
    2721 }
    2722 
    2723 .upload-php .media-modal-close:hover .media-modal-icon:before,
    2724 .upload-php .media-modal-close:focus .media-modal-icon:before {
    2725     color: #fff;
     2725    font-size: 22px;
    27262726}
    27272727
    27282728.upload-php .media-modal-close .media-modal-icon {
    2729     margin-top: 13px;
    2730     width: 30px;
    2731     height: 30px;
     2729    margin: 14px;
     2730    width: 22px;
    27322731}
    27332732
     
    27382737    color: #777;
    27392738    background-color: transparent;
    2740     height: 56px;
    2741     width: 56px;
     2739    height: 50px;
     2740    width: 50px;
    27422741    padding: 0;
    27432742    position: absolute;
     
    27552754
    27562755.edit-attachment-frame .edit-media-header .left {
    2757     right: 112px;
     2756    right: 102px;
    27582757}
    27592758
    27602759.edit-attachment-frame .edit-media-header .right {
    2761     right: 56px;
     2760    right: 51px;
    27622761}
    27632762
    27642763.edit-attachment-frame .media-frame-title {
    27652764    left: 0;
    2766     right: 170px; /* leave space for prev/next/close */
     2765    right: 150px; /* leave space for prev/next/close */
    27672766}
    27682767
     
    27742773}
    27752774
     2775.edit-attachment-frame .edit-media-header .right:hover,
     2776.edit-attachment-frame .edit-media-header .left:hover {
     2777    color: #2ea2cc;
     2778}
     2779
    27762780.edit-attachment-frame .edit-media-header .left:before,
    27772781.rtl .edit-attachment-frame .edit-media-header .right:before {
    2778     content: '\f340';
     2782    content: '\f341';
    27792783}
    27802784
    27812785.edit-attachment-frame .edit-media-header .right:before,
    27822786.rtl .edit-attachment-frame .edit-media-header .left:before {
    2783     content: '\f344';
     2787    content: '\f345';
    27842788}
    27852789
     
    27902794    color: #ccc;
    27912795    background: inherit;
    2792     cursor: inherit;
    2793 }
    2794 
    2795 .upload-php .media-modal-close:hover,
    2796 .edit-attachment-frame .edit-media-header .right:hover,
    2797 .edit-attachment-frame .edit-media-header .left:hover,
    2798 .upload-php .media-modal-close:focus,
    2799 .edit-attachment-frame .edit-media-header .right:focus,
    2800 .edit-attachment-frame .edit-media-header .left:focus {
    2801     background: #0074a2;
    2802     color: #fff;
    2803     outline: none;
    2804     -webkit-box-shadow: none;
    2805     box-shadow: none;
     2796    cursor: default;
    28062797}
    28072798
     
    28142805    border-bottom: none;
    28152806    bottom: 0;
    2816     top: 56px;
     2807    top: 50px;
    28172808}
    28182809
Note: See TracChangeset for help on using the changeset viewer.