WordPress.org

Make WordPress Core

Changeset 33285


Ignore:
Timestamp:
07/15/2015 09:30:09 PM (5 years ago)
Author:
iseulde
Message:

TinyMCE: fix visual regressions

See #32801.

Location:
trunk/src
Files:
2 edited

Legend:

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

    r33284 r33285  
    530530    color: $menu-icon;
    531531}
     532
     533/* TinyMCE */
     534
     535.mce-container.mce-menu .mce-menu-item:hover,
     536.mce-container.mce-menu .mce-menu-item.mce-selected,
     537.mce-container.mce-menu .mce-menu-item:focus,
     538.mce-container.mce-menu .mce-menu-item-normal.mce-active {
     539    background: $highlight-color;
     540}
  • trunk/src/wp-includes/css/editor.css

    r33127 r33285  
    181181}
    182182
     183.mce-menu,
    183184.mce-floatpanel.mce-popover.mce-bottom {
    184185    margin-top: 2px;
     
    370371    border: 1px solid transparent;
    371372    margin: 2px;
    372     background-image: none;
    373373    -webkit-border-radius: 2px;
    374374    border-radius: 2px;
     
    428428
    429429.mce-toolbar .mce-listbox button {
     430    font-size: 13px;
     431    line-height: 20px;
     432    padding-left: 6px;
    430433    padding-right: 20px;
    431434}
     
    465468
    466469.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
    467     background-image: none;
    468     border-color: #b4b9be;
    469 }
    470 
    471 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
    472     font-size: 13px;
     470    border-color: #b4b9be;
    473471}
    474472
     
    501499}
    502500
    503 .mce-toolbar .mce-splitbtn .mce-open.mce-active{
    504     -webkit-box-shadow: none;
    505     box-shadow: none;
    506 }
    507 
    508 .mce-menu .mce-menu-item-normal.mce-active {
    509     background-color: #e5e5e5;
    510     -webkit-filter: none;
    511     filter: none;
     501.mce-toolbar .mce-splitbtn .mce-open.mce-active {
     502    background: transparent;
     503    outline: none;
    512504}
    513505
    514506.mce-menu .mce-menu-item:hover,
    515507.mce-menu .mce-menu-item.mce-selected,
    516 .mce-menu .mce-menu-item:focus {
    517     color: #000;
    518     background-color: #b4b9be;
    519     background-image: none;
    520     -webkit-filter: none;
    521     filter: none;
    522 }
    523 
    524 .mce-menu .mce-menu-item:hover .mce-ico,
    525 .mce-menu .mce-menu-item.mce-selected .mce-ico,
    526 .mce-menu .mce-menu-item:focus .mce-ico,
    527 .mce-menu .mce-menu-item:hover .mce-text,
    528 .mce-menu .mce-menu-item.mce-active:hover .mce-text,
    529 .mce-menu .mce-menu-item.mce-selected .mce-text {
    530     color: #000;
     508.mce-menu .mce-menu-item:focus,
     509.mce-menu .mce-menu-item-normal.mce-active {
     510    background: #0073aa; /* See color scheme. */
     511}
     512
     513.mce-menu .mce-menu-item.mce-disabled {
     514    cursor: default;
     515}
     516
     517.mce-menu .mce-menu-item.mce-disabled:hover {
     518    background: #ccc;
    531519}
    532520
     
    538526}
    539527
    540 .mce-menubar .mce-btn:focus {
    541     outline: 0;
     528.mce-menubar .mce-menubtn {
     529    margin: 2px;
     530}
     531
     532.mce-menubar .mce-menubtn:hover,
     533.mce-menubar .mce-menubtn.mce-active,
     534.mce-menubar .mce-menubtn:focus {
     535    border-color: transparent;
     536    background: transparent;
     537    filter: none;
     538}
     539
     540.mce-menubar .mce-menubtn:focus {
     541    color: #124964;
     542    -webkit-box-shadow:
     543        0 0 0 1px #5b9dd9,
     544        0 0 2px 1px rgba(30, 140, 190, .8);
     545    box-shadow:
     546        0 0 0 1px #5b9dd9,
     547        0 0 2px 1px rgba(30, 140, 190, .8);
    542548}
    543549
    544550div.mce-menu .mce-menu-item-sep,
    545551.mce-menu-item-sep:hover {
    546     margin: 5px 0 4px;
     552    border-bottom: 1px solid #ddd;
     553    height: 0px;
     554    margin: 5px 0;
    547555}
    548556
     
    583591    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    584592    box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    585     background-image: none;
    586593}
    587594
     
    677684}
    678685
    679 .mce-menubtn.mce-fixed-width button span {
    680     max-width: 80px;
    681     padding-right: 16px;
     686.mce-menubtn.mce-fixed-width button {
     687    overflow-x: hidden;
     688    text-overflow: ellipsis;
     689    width: 110px;
    682690}
    683691
     
    709717
    710718.mce-tooltip-inner {
     719    -webkit-border-radius: 3px;
     720    border-radius: 3px;
    711721    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
    712722    box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
Note: See TracChangeset for help on using the changeset viewer.