WordPress.org

Make WordPress Core

Ticket #30561: 30561.patch

File 30561.patch, 8.1 KB (added by azaozz, 5 years ago)

Contains two image files for old IE

  • src/wp-includes/js/mce-view.js

     
    5656                                this.setContent(
    5757                                        '<p class="wpview-selection-before">\u00a0</p>' +
    5858                                        '<div class="wpview-body" contenteditable="false">' +
    59                                                 '<div class="toolbar">' +
     59                                                '<div class="toolbar mce-arrow-down">' +
    6060                                                        ( _.isFunction( views[ this.type ].edit ) ? '<div class="dashicons dashicons-edit edit"></div>' : '' ) +
    61                                                         '<div class="dashicons dashicons-no-alt remove"></div>' +
     61                                                        '<div class="dashicons dashicons-no remove"></div>' +
    6262                                                '</div>' +
    6363                                                '<div class="wpview-content wpview-type-' + this.type + '">' +
    6464                                                        ( this.getHtml() || this.loadingPlaceholder() ) +
  • src/wp-includes/js/tinymce/plugins/wpview/plugin.js

     
    115115                var clipboard,
    116116                        dom = editor.dom;
    117117
    118                 // Bail if node is already selected.
    119                 if ( ! viewNode || viewNode === selected ) {
     118                if ( ! viewNode ) {
    120119                        return;
    121120                }
    122121
     122                // Adjust the toolbar position and bail if node is already selected.
     123                if ( viewNode === selected ) {
     124                        adjustToolbarPosition( viewNode );
     125                        return;
     126                }
     127
    123128                // Make sure that the editor is focused.
    124129                // It is possible that the editor is not focused when the mouse event fires
    125130                // without focus, the selection will not work properly.
     
    128133                deselect();
    129134                selected = viewNode;
    130135                dom.setAttrib( viewNode, 'data-mce-selected', 1 );
     136                adjustToolbarPosition( viewNode );
    131137
    132138                clipboard = dom.create( 'div', {
    133139                        'class': 'wpview-clipboard',
     
    151157                editor.fire( 'wpview-selected', viewNode );
    152158        }
    153159
     160        function adjustToolbarPosition( viewNode ) {
     161                var delta = 0,
     162                        toolbar = editor.$( viewNode ).find( '.toolbar' ),
     163                        editorToolbar = tinymce.$( editor.editorContainer ).find( '.mce-toolbar-grp' )[0],
     164                        editorToolbarBottom = ( editorToolbar && editorToolbar.getBoundingClientRect().bottom ) || 0;
     165               
     166                if ( toolbar.length && editor.iframeElement ) {
     167                        // 48 = 43 for the toolbar + 5 buffer
     168                        delta = viewNode.getBoundingClientRect().top + editor.iframeElement.getBoundingClientRect().top - editorToolbarBottom - 48;
     169                }
     170
     171                if ( delta < 0 ) {
     172                        toolbar.removeClass( 'mce-arrow-down' ).css({ top: ( -43 + delta * -1 ) });
     173                } else if ( delta > 0 && ! toolbar.hasClass( 'mce-arrow-down' ) ) {
     174                        toolbar.addClass( 'mce-arrow-down' ).css({ top: '' });
     175                }
     176        }
     177
    154178        /**
    155179         * Deselect a selected view and remove clipboard
    156180         */
  • src/wp-includes/js/tinymce/skins/wordpress/images/dashicon-no.png

    Cannot display: file marked as a binary type.
    svn:mime-type = image/png
    Cannot display: file marked as a binary type.
    svn:mime-type = image/png
    Cannot display: file marked as a binary type.
    svn:mime-type = image/png
  • src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

    Property changes on: src/wp-includes/js/tinymce/skins/wordpress/images/dashicon-no.png
    ___________________________________________________________________
    Added: svn:mime-type
    ## -0,0 +1 ##
    +image/png
    \ No newline at end of property
     
    224224
    225225/* delegate the handling of the selection to the wpview tinymce plugin */
    226226.wpview-wrap,
    227 .wpview-wrap *,
    228 #wp-image-toolbar,
    229 #wp-image-toolbar * {
     227.wpview-wrap * {
    230228        -moz-user-select: none;
    231229        -webkit-user-select: none;
    232230        -ms-user-select: none;
     
    323321
    324322.wpview-wrap .toolbar {
    325323        position: absolute;
    326         top: 0;
    327         left: 0;
     324        top: -43px;
     325        left: 45%;
     326        left: calc(50% - 32px);
    328327        display: none;
    329328        z-index: 100;
     329        background-color: #f5f5f5;
     330        border: 1px solid #aaa;
     331        padding: 1px;
     332        cursor: default;
     333        -webkit-border-radius: 2px;
     334        border-radius: 2px;
     335        -webkit-box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.2 );
     336        box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.2 );
     337        -webkit-box-sizing: border-box;
     338        -moz-box-sizing: border-box;
     339        box-sizing: border-box;
     340        margin-bottom: 8px;
    330341}
    331342
    332343.wpview-wrap[data-mce-selected] .toolbar {
     
    333344        display: block;
    334345}
    335346
     347.wpview-wrap .toolbar:before,
     348.wpview-wrap .toolbar:after {
     349        position: absolute;
     350        left: 50%;
     351        display: block;
     352        width: 0;
     353        height: 0;
     354        border-style: solid;
     355        border-color: transparent;
     356        border-width: 9px;
     357        margin-left: -9px;
     358        content: '';
     359}
     360
     361.wpview-wrap .toolbar:after {
     362        border-width: 8px;
     363        margin-left: -8px;
     364}
     365
     366.wpview-wrap .toolbar.mce-arrow-down:before {
     367        bottom: -18px;
     368        border-top-color: #aaa;
     369}
     370
     371.wpview-wrap .toolbar.mce-arrow-down:after {
     372        bottom: -16px;
     373        border-top-color: #f5f5f5;
     374}
     375
     376.wpview-wrap .toolbar.mce-arrow-up:before {
     377        top: -18px;
     378        border-bottom-color: #aaa;
     379}
     380
     381.wpview-wrap .toolbar.mce-arrow-up:after {
     382        top: -16px;
     383        border-bottom-color: #f5f5f5;
     384}
     385
     386.wpview-wrap .toolbar div {
     387        margin: 2px;
     388        padding: 2px 3px;
     389        width: 20px;
     390        height: 20px;
     391        color: #777;
     392        cursor: pointer;
     393        font-size: 20px;
     394        border: 1px solid transparent;
     395        border-radius: 2px;
     396}
     397
     398.wpview-wrap .toolbar div:hover {
     399        background-color: #fafafa;
     400        border-color: #999;
     401        color: #222;
     402        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     403        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     404        outline: none;
     405}
     406
    336407.wpview-wrap .loading-placeholder {
    337408        border: 1px dashed #ccc;
    338409        padding: 10px;
     
    384455        background: transparent;
    385456}
    386457
    387 #wp-image-toolbar {
    388         position: absolute;
    389         margin: 0;
    390 }
    391 
    392 .wpview-wrap .toolbar div,
    393 #wp-image-toolbar i {
    394         margin-top: 7px;
    395         margin-left: 7px;
    396         padding: 2px;
    397         width: 30px;
    398         height: 30px;
    399         box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    400         background-color: #000;
    401         background-color: rgba(0,0,0,0.9);
    402         cursor: pointer;
    403         color: white;
    404         font-size: 30px;
    405 }
    406 
    407458.ie8 .wpview-wrap .toolbar div,
    408 .ie7 .wpview-wrap .toolbar div,
    409 .ie8 #wp-image-toolbar i,
    410 .ie7 #wp-image-toolbar i {
     459.ie7 .wpview-wrap .toolbar div {
    411460        display: inline;
    412         padding: 0;
     461        padding: 4px;
    413462}
    414463
    415464.ie8 .dashicons-edit,
     
    417466        background-image: url(images/dashicon-edit.png);
    418467}
    419468
    420 .ie8 .dashicons-no-alt,
    421 .ie7 .dashicons-no-alt {
    422         background-image: url(images/dashicon-no-alt.png);
     469.ie8 .dashicons-no,
     470.ie7 .dashicons-no {
     471        background-image: url(images/dashicon-no.png);
    423472}
    424473
    425474.wpview-error {
     
    448497        font-family: 'Open Sans', sans-serif;
    449498}
    450499
    451 .wpview-wrap .toolbar div:hover,
    452 #wp-image-toolbar i:hover {
    453         box-shadow: 0 1px 3px rgba(0,0,0,0.8);
    454         background-color: #000;
    455         color: #2ea2cc;
    456 }
    457 
    458 /* Audio player is short; therefore let's put the toolbar above */
    459 .wpview-wrap[data-wpview-type="audio"] .toolbar {
    460         top: auto;
    461         bottom: -34px;
    462 }
    463 
    464 .wpview-wrap[data-wpview-type="audio"] .toolbar div {
    465         margin-top: 0;
    466 }
    467 
    468 .wpview-wrap[data-wpview-type="audio"] .toolbar div:first-child {
    469         margin-left: 0;
    470 }
    471 
    472500.wont-play {
    473501        padding: 4px 0;
    474502}
     
    595623        float: right;
    596624}
    597625
    598 .rtl .wpview-wrap .toolbar {
    599         left: auto;
    600         right: 0;
    601 }
    602 
    603 .rtl .wpview-wrap .toolbar div,
    604 .rtl #wp-image-toolbar i {
    605         margin-left: auto;
    606         margin-right: 7px;
    607 }
    608 
    609626@media print,
    610627        (-o-min-device-pixel-ratio: 5/4),
    611628        (-webkit-min-device-pixel-ratio: 1.25),