WordPress.org

Make WordPress Core

Changeset 27978


Ignore:
Timestamp:
04/07/2014 01:09:38 AM (8 years ago)
Author:
azaozz
Message:

TinyMCE:

  • Tighten up button styles, add :hover for .mce-active buttons.
  • Pad only the first toolbar row and remove the padding in both toolbars if the editor doesn't have a DFW mode.

Part props avryl, see #27279

Location:
trunk/src/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/class-wp-editor.php

    r27950 r27978  
    169169        }
    170170
    171         echo '<div id="wp-' . $editor_id . '-wrap" class="wp-core-ui wp-editor-wrap ' . $switch_class . '">';
     171        $wrap_class = 'wp-core-ui wp-editor-wrap ' . $switch_class;
     172
     173        if ( $set['dfw'] ) {
     174            $wrap_class .= ' has-dfw';
     175        }
     176
     177        echo '<div id="wp-' . $editor_id . '-wrap" class="' . $wrap_class . '">';
    172178
    173179        if ( self::$editor_buttons_css ) {
  • trunk/src/wp-includes/css/editor.css

    r27900 r27978  
    145145    border-bottom: 1px solid #dedede;
    146146    background: #f5f5f5;
    147     padding: 3px 35px 3px 3px;
     147    padding: 3px;
    148148    position: relative;
     149}
     150
     151.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
     152    padding-right: 32px;
    149153}
    150154
     
    178182    margin: 2px;
    179183    background-image: none;
    180     -webkit-border-radius: 3px;
    181     border-radius: 3px;
     184    -webkit-border-radius: 2px;
     185    border-radius: 2px;
    182186    -webkit-filter: none;
    183187    filter: none;
     
    201205.mce-toolbar .mce-btn-group .mce-btn:active,
    202206#wp-fullscreen-buttons .mce-btn:active {
    203     background: #eee;
     207    background: #ebebeb;
    204208    border-color: #999;
    205     color: #333;
    206     -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    207     box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     209    -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
     210    box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
     211}
     212
     213.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
     214    border-color: #555;
     215}
     216
     217.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
     218    color: #555;
    208219}
    209220
     
    244255
    245256.mce-toolbar .mce-colorbutton .mce-preview {
    246     margin-left: -16px;
     257    margin-left: -17px;
    247258    padding: 0;
    248259    width: 18px;
     
    267278.mce-panel .mce-btn i.mce-caret {
    268279    border-top: 6px solid #777;
     280    margin-left: 2px;
     281    margin-right: 2px;
     282}
     283
     284.mce-listbox i.mce-caret {
     285    right: 6px;
     286}
     287
     288.mce-panel .mce-btn button.mce-open i.mce-caret,
     289.mce-panel .mce-btn.mce-listbox i.mce-caret {
     290    margin-left: 0;
     291    margin-right: 0;
    269292}
    270293
     
    442465    border-color: #1b607f;
    443466    text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     467}
     468
     469.mce-menubtn.mce-fixed-width button span {
     470    width: auto;
     471    max-width: 80px;
     472    padding-right: 16px;
    444473}
    445474
     
    739768}
    740769
    741 .quicktags-toolbar {
    742     border-bottom: 1px solid #dedede;
    743     background: #f5f5f5;
    744 }
    745 
    746770.wp-editor-tabs {
    747771    float: right;
     
    845869/* Quicktags */
    846870.quicktags-toolbar {
    847     border-bottom-style: solid;
    848     border-bottom-width: 1px;
    849     padding: 3px 35px 3px 3px;
     871    padding: 3px;
    850872    position: relative;
     873    border-bottom: 1px solid #dedede;
     874    background: #f5f5f5;
     875}
     876
     877.has-dfw .quicktags-toolbar {
     878    padding-right: 35px;
    851879}
    852880
Note: See TracChangeset for help on using the changeset viewer.