WordPress.org

Make WordPress Core

Ticket #27279: 27279.5.patch

File 27279.5.patch, 13.2 KB (added by iseulde, 8 years ago)
  • src/wp-admin/js/wp-fullscreen.js

     
    438438        });
    439439
    440440        api.refreshButtons = function( fade ) {
     441                $( '#wp-fullscreen-mode-tinymce, #wp-fullscreen-mode-html' ).removeClass( 'active' );
     442                $( '#wp-fullscreen-mode-' + s.mode ).addClass( 'active' );
    441443                if ( s.mode === 'html' ) {
    442444                        $('#wp-fullscreen-mode-bar').removeClass('wp-tmce-mode').addClass('wp-html-mode');
    443445
  • src/wp-includes/class-wp-editor.php

     
    669669                if ( self::$has_tinymce )
    670670                        wp_enqueue_script('editor');
    671671
    672                 if ( self::$has_quicktags )
    673                         wp_enqueue_script('quicktags');
     672                if ( self::$has_quicktags ) {
     673                        wp_enqueue_script( 'quicktags' );
     674                        wp_enqueue_style( 'buttons' );
     675                }
    674676
    675677                if ( in_array('wplink', self::$plugins, true) || in_array('link', self::$qt_buttons, true) ) {
    676678                        wp_enqueue_script('wplink');
     
    11151117                        <div id="wp-fullscreen-close"><a href="#" onclick="wp.editor.fullscreen.off();return false;"><?php _e('Exit fullscreen'); ?></a></div>
    11161118                        <div id="wp-fullscreen-central-toolbar" style="width:<?php echo $width; ?>px;">
    11171119
    1118                         <div id="wp-fullscreen-mode-bar"><div id="wp-fullscreen-modes">
    1119                                 <a href="#" onclick="wp.editor.fullscreen.switchmode('tinymce');return false;"><?php _e( 'Visual' ); ?></a>
    1120                                 <a href="#" onclick="wp.editor.fullscreen.switchmode('html');return false;"><?php _ex( 'Text', 'Name for the Text editor tab (formerly HTML)' ); ?></a>
    1121                         </div></div>
     1120                        <div id="wp-fullscreen-mode-bar">
     1121                                <div id="wp-fullscreen-modes" class="button-group">
     1122                                        <a id="wp-fullscreen-mode-tinymce" class="button" href="#" onclick="wp.editor.fullscreen.switchmode( 'tinymce' ); return false;"><?php _e( 'Visual' ); ?></a>
     1123                                        <a id="wp-fullscreen-mode-html" class="button" href="#" onclick="wp.editor.fullscreen.switchmode( 'html' ); return false;"><?php _ex( 'Text', 'Name for the Text editor tab (formerly HTML)' ); ?></a>
     1124                                </div>
     1125                        </div>
    11221126
    11231127                        <div id="wp-fullscreen-button-bar"><div id="wp-fullscreen-buttons" class="mce-toolbar">
    11241128                <?php
  • src/wp-includes/css/editor.css

     
    144144div.mce-toolbar-grp {
    145145        border-bottom: 1px solid #dedede;
    146146        background: #f5f5f5;
     147        padding: 3px 38px 3px 6px;
     148        position: relative;
    147149}
    148150
    149 .mce-toolbar {
    150         padding: 1px 3px;
     151.mce-toolbar .mce-btn-group {
     152        margin: 0;
    151153}
    152154
    153155div.mce-statusbar {
     
    159161        margin: 0;
    160162}
    161163
    162 .mce-toolbar .mce-btn {
     164.mce-toolbar .mce-btn,
     165#qt_content_fullscreen {
    163166        border-color: transparent;
    164167        background: transparent;
    165168        -webkit-box-shadow: none;
    166169        box-shadow: none;
    167170        text-shadow: none;
     171        cursor: pointer;
    168172}
    169173
    170174#wp-fullscreen-buttons .mce-btn,
    171 .mce-toolbar .mce-btn-group .mce-btn {
     175.mce-toolbar .mce-btn-group .mce-btn,
     176#qt_content_fullscreen {
    172177        border: 1px solid transparent;
    173         margin: 0 1px;
    174         -webkit-border-radius: 2px;
    175         border-radius: 2px;
     178        margin: 2px;
     179        background-image: none;
     180        -webkit-border-radius: 3px;
     181        border-radius: 3px;
    176182        -webkit-filter: none;
    177183        filter: none;
    178184}
    179185
    180186#wp-fullscreen-buttons .mce-btn:hover,
    181 .mce-toolbar .mce-btn-group .mce-btn:hover {
    182         -webkit-box-shadow: 0 0 transparent;
    183         box-shadow: 0 0 transparent;
    184         border-color: #bbb;
    185         background: #eee;
    186         background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff));
    187         background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff);
    188         background-image: linear-gradient(to top, #e5e5e5, #fff);
     187.mce-toolbar .mce-btn-group .mce-btn:hover,
     188#wp-fullscreen-buttons .mce-btn:focus,
     189.mce-toolbar .mce-btn-group .mce-btn:focus,
     190#qt_content_fullscreen:hover,
     191#qt_content_fullscreen:focus {
     192        background: #fafafa;
     193        border-color: #999;
     194        color: #222;
     195        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     196        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    189197}
    190198
    191 .mce-toolbar .mce-btn-group .mce-btn.mce-active {
    192         -webkit-box-shadow: 0 0 transparent;
    193         box-shadow: 0 0 transparent;
    194         border-color: #bbb;
     199.mce-toolbar .mce-btn-group .mce-btn.mce-active,
     200#wp-fullscreen-buttons .mce-btn.mce-active {
    195201        background: #eee;
    196         background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3));
    197         background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3);
    198         background-image: linear-gradient(to top, #f6f6f6, #e3e3e3);
     202        border-color: #999;
     203        color: #333;
     204        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     205        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    199206}
    200207
    201 .mce-toolbar .mce-btn-group .mce-disabled.mce-btn:hover {
    202         border-color: transparent;
    203         background: transparent;
     208.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
     209#wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
     210.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
     211#wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
     212        color: #aaa;
     213        background: none;
     214        border-color: #ddd;
     215        text-shadow: 0 1px 0 #fff;
     216        -webkit-box-shadow: none;
     217        box-shadow: none;
    204218}
    205219
    206220.mce-toolbar .mce-btn-group .mce-first,
     
    208222        border-color: transparent;
    209223}
    210224
    211 .mce-toolbar .mce-btn button {
     225.mce-toolbar .mce-btn button,
     226#qt_content_fullscreen {
    212227        padding: 2px 3px;
    213228        line-height: normal;
    214229}
     
    217232        text-shadow: none;
    218233}
    219234
    220 .mce-toolbar .mce-btn:focus {
    221         outline: 1px solid #888;
    222 }
    223 
    224235.mce-toolbar .mce-btn-group > div {
    225236        white-space: normal;
    226237}
     
    230241}
    231242
    232243.mce-toolbar .mce-colorbutton .mce-preview {
    233         margin-left: -17px;
     244        margin-left: -16px;
    234245        padding: 0;
    235246        width: 18px;
    236247}
     
    430441        text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
    431442}
    432443
    433 @media screen and ( max-width: 782px ) {
    434         .mce-toolbar .mce-btn button {
    435                 padding: 5px 6px;
    436         }
    437 
    438         #wp-fullscreen-buttons .mce-btn,
    439         .mce-toolbar .mce-btn-group .mce-btn {
    440                 margin: 0 3px;
    441         }
    442 
    443         .mce-toolbar .mce-colorbutton .mce-preview {
    444                 margin-left: -20px;
    445         }
    446 
    447         .mce-window .mce-btn {
    448                 padding: 2px 0;
    449         }
    450 }
    451 
    452444/* Charmap modal */
    453445.mce-charmap {
    454446        margin: 3px;
     
    502494        padding: 0;
    503495}
    504496
    505 .mce-toolbar .mce-btn:hover .mce-ico,
    506 .mce-toolbar .mce-btn.mce-active .mce-ico,
    507 .mce-toolbar .mce-btn:hover .mce-caret,
    508 .mce-toolbar .mce-btn.mce-active .mce-caret {
    509         color: #333;
    510 }
    511 
    512 .mce-toolbar .mce-btn.mce-active .mce-open {
    513         border-left-color: #bdbdbd;
     497#qt_content_fullscreen {
     498        color: #777;
     499        line-height: 20px;
     500        width: 28px;
     501        height: 26px;
     502        text-align: center;
     503        text-shadow: none;
    514504}
    515505
    516506.mce-toolbar .mce-btn .mce-open {
    517507        line-height: 20px;
    518508}
    519509
     510.mce-toolbar .mce-btn:hover .mce-open,
     511.mce-toolbar .mce-btn:focus .mce-open,
     512.mce-toolbar .mce-btn.mce-active .mce-open {
     513        border-left-color: #999;
     514}
     515
    520516i.mce-i-bold,
    521517i.mce-i-italic,
    522518i.mce-i-bullist,
     
    561557        padding-right: 2px;
    562558}
    563559
     560#qt_content_fullscreen {
     561        font: normal 20px/1 'dashicons';
     562        vertical-align: top;
     563        speak: none;
     564        -webkit-font-smoothing: antialiased;
     565        -moz-osx-font-smoothing: grayscale;
     566}
     567
    564568i.mce-i-bold:before {
    565569        content: '\f200';
    566570}
     
    614618}
    615619
    616620i.mce-i-fullscreen:before,
    617 i.mce-i-wp_fullscreen:before {
     621i.mce-i-wp_fullscreen:before,
     622#qt_content_fullscreen:before {
    618623        content: '\f211';
    619624}
    620625
     
    688693}
    689694
    690695.mce-i-wp_code:before {
    691         content: "\e017";
     696        content: '\e017';
    692697}
    693698
    694699/* Editors */
     
    839844.quicktags-toolbar {
    840845        border-bottom-style: solid;
    841846        border-bottom-width: 1px;
    842         padding: 2px 8px 0;
    843         min-height: 29px;
    844 }
    845 
    846 .quicktags-toolbar > div {
    847         padding: 2px 4px 0;
     847        padding: 3px 38px 3px 6px;
     848        position: relative;
    848849}
    849850
    850851.quicktags-toolbar input {
    851         margin: 2px 1px 4px;
    852         line-height: 18px;
    853         display: inline-block;
    854         min-width: 26px;
    855         padding: 2px 4px;
    856         font: 12px/18px "Open Sans", sans-serif;
    857         color: #464646;
    858         cursor: pointer;
    859         border: 1px solid #c3c3c3;
    860         -webkit-border-radius: 3px;
    861         border-radius: 3px;
    862         background: #eee;
    863         background-image: -webkit-gradient(linear, left bottom, left top, from(#e3e3e3), to(#fff));
    864         background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fff);
    865         background-image: linear-gradient(to top, #e3e3e3, #fff);
    866 }
    867 
    868 .quicktags-toolbar input:hover {
    869         border-color: #aaa;
    870         background: #ddd;
    871 }
    872 
    873 .quicktags-toolbar input:focus {
    874         border-color: #777;
    875         outline: 0;
    876 }
    877 
    878 .quicktags-toolbar input:active {
    879         border-color: #aaa;
     852        margin: 2px!important; /* Overrule button.css */
    880853}
    881854
    882855.quicktags-toolbar input[value="link"] {
     
    895868        font-weight: bold;
    896869}
    897870
     871.mce-toolbar .mce-btn-group .mce-btn.mce-wp-fullscreen,
     872#qt_content_fullscreen {
     873        position: absolute;
     874        top: 0;
     875        right: 0;
     876        margin-top: 5px!important; /* 3 + 2 */
     877        margin-right: 8px!important; /* 6 + 2 */
     878}
     879
     880@media screen and ( max-width: 782px ) {
     881        .mce-toolbar .mce-btn button,
     882        #qt_content_fullscreen {
     883                padding: 7px 8px;
     884        }
     885
     886        #qt_content_fullscreen {
     887                width: 38px;
     888                height: 34px;
     889        }
     890
     891        .mce-toolbar .mce-colorbutton .mce-preview {
     892                margin-left: -21px;
     893        }
     894
     895        .mce-window .mce-btn {
     896                padding: 2px 0;
     897        }
     898
     899        div.mce-toolbar-grp,
     900        .quicktags-toolbar {
     901                padding-right: 46px;
     902        }
     903}
     904
     905@media screen and ( min-width: 782px ) {
     906
     907        .quicktags-toolbar input {
     908                /* .button-small is normaly 11px, but a bit too small for these buttons. */
     909                font-size: 12px!important; /* Overrule button.css. */
     910                height: 26px!important; /* Idem. */
     911                line-height: 24px!important; /* Idem. */
     912        }
     913
     914}
     915
    898916#wp_editbtns,
    899917#wp_gallerybtns {
    900918        padding: 2px;
     
    15001518-------------------------------------------------------------- */
    15011519#fullscreen-topbar {
    15021520        background: #f5f5f5;
    1503         border-bottom: 1px solid #fff;
     1521        border-bottom: 1px solid #dedede;
    15041522        height: 45px;
    15051523        position: fixed;
    15061524        left: 0;
     
    15531571        padding: 3px 14px 0 0;
    15541572}
    15551573
    1556 #wp-fullscreen-modes a {
    1557         display: block;
    1558         font-size: 11px;
    1559         text-decoration: none;
    1560         float: left;
    1561         margin: 1px 0 0 0;
    1562         padding: 2px 6px 2px;
    1563         border-width: 1px 1px 1px 0;
    1564         border-style: solid;
    1565         border-color: #bbb;
    1566         color: #777;
    1567         text-shadow: 0 1px 0 #fff;
    1568         background-color: #f4f4f4;
    1569         background: #f4f4f4;
    1570         background-image: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#f9f9f9));
    1571         background-image: -webkit-linear-gradient(bottom, #e4e4e4, #f9f9f9);
    1572         background-image: linear-gradient(to top, #e4e4e4, #f9f9f9);
    1573 }
    1574 
    1575 #wp-fullscreen-modes a:hover,
    1576 .wp-html-mode #wp-fullscreen-modes a:last-child,
    1577 .wp-tmce-mode #wp-fullscreen-modes a:first-child {
    1578         color: #333;
    1579         border-color: #999;
    1580         background: #eee;
    1581         background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f9f9f9));
    1582         background-image: -webkit-linear-gradient(top, #e4e4e4, #f9f9f9);
    1583         background-image: linear-gradient(to bottom, #e4e4e4, #f9f9f9);
    1584 }
    1585 
    1586 #wp-fullscreen-modes a:first-child {
    1587         border-width: 1px;
    1588         -webkit-border-top-left-radius: 3px;
    1589         border-top-left-radius: 3px;
    1590         -webkit-border-bottom-left-radius: 3px;
    1591         border-bottom-left-radius: 3px;
    1592 }
    1593 
    1594 #wp-fullscreen-modes a:last-child {
    1595         -webkit-border-top-right-radius: 3px;
    1596         border-top-right-radius: 3px;
    1597         -webkit-border-bottom-right-radius: 3px;
    1598         border-bottom-right-radius: 3px;
    1599 }
    1600 
    16011574#wp-fullscreen-buttons .hidden {
    16021575        display: none;
    16031576}
  • src/wp-includes/js/quicktags.js

     
    406406        };
    407407        qt.Button.prototype.html = function(idPrefix) {
    408408                var access = this.access ? ' accesskey="' + this.access + '"' : '';
    409                 return '<input type="button" id="' + idPrefix + this.id + '"' + access + ' class="ed_button" title="' + this.title + '" value="' + this.display + '" />';
     409                if ( this.id === 'fullscreen' ) {
     410                        return '<button type="button" id="' + idPrefix + this.id + '"' + access + ' class="ed_button" title="' + this.title + '"></button>';
     411                }
     412                return '<input type="button" id="' + idPrefix + this.id + '"' + access + ' class="ed_button button button-small" title="' + this.title + '" value="' + this.display + '" />';
    410413        };
    411414        qt.Button.prototype.callback = function(){};
    412415
  • src/wp-includes/js/tinymce/plugins/wordpress/plugin.js

     
    5757                cmd: 'WP_Adv',
    5858                onPostRender: function() {
    5959                        wpAdvButton = this;
     60                        wpAdvButton.active( getUserSetting( 'hidetb' ) === '1' ? true : false );
    6061                }
    6162        });
    6263
  • src/wp-includes/js/tinymce/plugins/wpfullscreen/plugin.js

     
    9191        editor.addButton( 'wp_fullscreen', {
    9292                tooltip: 'Distraction Free Writing',
    9393                shortcut: 'Alt+Shift+W',
    94                 onclick: toggleFullscreen
     94                onclick: toggleFullscreen,
     95                classes: 'wp-fullscreen btn widget' // This overwrites all classes!
    9596        });
    9697
    9798        editor.addMenuItem( 'wp_fullscreen', {