WordPress.org

Make WordPress Core

Ticket #28533: 28533.2.patch

File 28533.2.patch, 5.3 KB (added by iseulde, 7 years ago)
  • src/wp-admin/js/post.js

     
    10801080                                        body = editor.getBody();
    10811081                                        body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
    10821082                                        editor.dom.addClass( body, format == 'post-format-0' ? 'post-format-standard' : format );
     1083                                        editor.setUIColor();
    10831084                                }
    10841085                        }
    10851086                });
  • src/wp-includes/js/tinymce/plugins/wordpress/plugin.js

     
    77        var DOM = tinymce.DOM, wpAdvButton, modKey, style,
    88                last = 0;
    99
     10        editor.setUIColor = function( selector, property ) {
     11                var dom = this.dom,
     12                        fn = this.setUIColor,
     13                        style = '';
     14
     15                fn.colors = fn.colors || [];
     16
     17                if ( selector ) {
     18                        fn.colors.push( {
     19                                selector: selector,
     20                                property: property || 'color'
     21                        } );
     22                } else {
     23                        dom.getStyle( this.getBody(), 'color', true )
     24                        .replace( /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi, function( match, r, g, b ) {
     25                                tinymce.each( fn.colors, function( color ) {
     26                                        style += color.selector + '{' + color.property + ':rgb(' + r + ',' + g + ',' + b + ');}';
     27                                } );
     28                        } );
     29       
     30                        if ( fn.styleElement ) {
     31                                dom.setHTML( fn.styleElement, style );
     32                        } else {
     33                                fn.styleElement = dom.create( 'style', { type: 'text/css' }, style );
     34                                this.getDoc().head.appendChild( fn.styleElement );
     35                        }
     36                }
     37        };
     38
    1039        function toggleToolbars( state ) {
    1140                var iframe, initial, toolbars,
    1241                        pixels = 0;
     
    328357                                }
    329358                        });
    330359                }
     360
     361                setTimeout( editor.setUIColor(), 250 );
    331362        });
    332363
    333364        // Word count
  • src/wp-includes/js/tinymce/plugins/wpview/plugin.js

     
    88                TreeWalker = tinymce.dom.TreeWalker,
    99                toRemove = false;
    1010
     11        editor.setUIColor( '.wpview-wrap[data-mce-selected]:before', 'border-color' );
     12
    1113        function getParentView( node ) {
    1214                while ( node && node.nodeName !== 'BODY' ) {
    1315                        if ( isView( node ) ) {
  • src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

     
    11/* Additional default styles for the editor */
    22
     3html {
     4        margin: 0 40px;
     5}
     6
    37html.ios {
    48        height: 100%;
    59}
     
    1418        font-size: 13px;
    1519        line-height: 19px;
    1620        color: #333;
    17         margin: 10px;
     21        margin: 9px auto;
     22        max-width: 100%;
     23        overflow: visible !important;
     24        padding-top: 1px 0; /* This ensure margins are contained in the body. */
     25       
    1826}
    1927
    2028/* DFW mode */
     
    188196 */
    189197
    190198.wpview-wrap {
    191         width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
    192         position: relative;
     199        -webkit-box-sizing: border-box;
     200        -moz-box-sizing: border-box;
     201        box-sizing: border-box;
    193202        clear: both;
     203        margin-bottom: 16px;
     204        position: relative;
     205        width: 100%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */   
    194206}
    195207
    196208/* delegate the handling of the selection to the wpview tinymce plugin */
     
    225237/**
    226238 * Media previews
    227239 */
    228 .wpview-wrap {
    229     position: relative;
    230     margin-bottom: 16px;
    231         border: 1px solid transparent;
    232 }
    233 
    234 .wpview-wrap[data-mce-selected] {
    235         background-color: rgba(0,0,0,0.1);
    236         border-color: rgba(0,0,0,0.3);
    237 }
    238240
    239 .ie8 .wpview-wrap[data-mce-selected],
    240 .ie7 .wpview-wrap[data-mce-selected] {
    241         background-color: #e5e5e5;
    242         border-color: #777;
     241.wpview-wrap[data-mce-selected]:before {
     242        border: 2px dashed #333;
     243        content: '';
     244        margin: 0;
     245        opacity: 0.5;
     246        padding: 0;
     247        position: absolute;
     248        top: -7px;
     249        left: -7px;
     250        right: -7px;
     251        bottom: -7px;
     252        z-index: -1;
    243253}
    244254
    245255.wpview-overlay {
     
    256266
    257267.wpview-wrap .toolbar {
    258268        position: absolute;
    259         top: 0;
    260         left: 0;
     269        left: -38px;
     270        top: -5px;
    261271        display: none;
    262272        z-index: 100;
    263273}
     
    271281        margin: 0;
    272282}
    273283
    274 .wpview-wrap .toolbar div,
    275284#wp-image-toolbar i {
    276285        margin-top: 7px;
    277286        margin-left: 7px;
     
    286295        font-size: 30px;
    287296}
    288297
    289 .ie8 .wpview-wrap .toolbar div,
    290 .ie7 .wpview-wrap .toolbar div,
     298.wpview-wrap .toolbar div {
     299        cursor: pointer;
     300        display: block;
     301        font-size: 30px;
     302        opacity: 0.5;
     303        width: 30px;
     304        height: 30px;
     305        -webkit-transition: opacity 0.1s ease-in 0;
     306        -moz-transition: opacity 0.1s ease-in 0;
     307        transition: opacity 0.1s ease-in 0;
     308}
     309
     310.wpview-wrap .toolbar div:hover {
     311        opacity: 1;
     312}
     313
    291314.ie8 #wp-image-toolbar i,
    292315.ie7 #wp-image-toolbar i {
    293316        display: inline;
     
    328351        font-family: 'Open Sans', sans-serif;
    329352}
    330353
    331 .wpview-wrap .toolbar div:hover,
    332354#wp-image-toolbar i:hover {
    333355        box-shadow: 0 1px 3px rgba(0,0,0,0.8);
    334356        background-color: #000;
    335357        color: #2ea2cc;
    336358}
    337359
    338 /* Audio player is short; therefore let's put the toolbar above */
    339 .wpview-type-audio .toolbar {
    340         top: auto;
    341         bottom: -34px;
    342 }
    343 
    344 .wpview-type-audio .toolbar div {
    345         margin-top: 0;
    346 }
    347 
    348 .wpview-type-audio .toolbar div:first-child {
    349         margin-left: 0;
    350 }
    351 
    352360.wont-play {
    353361        padding: 4px 0;
    354362}