WordPress.org

Make WordPress Core

Ticket #27709: 27709.patch

File 27709.patch, 6.3 KB (added by azaozz, 7 years ago)
  • src/wp-admin/js/wp-fullscreen.js

     
    362362        // This event occurs while the overlay blocks the UI.
    363363        ps.subscribe( 'showing', function() {
    364364                $body.addClass( 'wp-fullscreen-active' );
    365 
    366365                s.$dfwWrap.addClass( 'wp-fullscreen-wrap' );
    367                 s.$editorContainer.append( $('#wp-fullscreen-status') );
    368366
    369367                if ( s.$dfwTitle ) {
    370368                        s.$dfwTitle.after( '<span id="wp-fullscreen-title-placeholder">' );
     
    412410
    413411        ps.subscribe( 'hiding', function() { // This event occurs while the overlay blocks the DFW UI.
    414412                $body.removeClass( 'wp-fullscreen-active' );
    415                 $( '#wp-fullscreen-body' ).append( $('#wp-fullscreen-status') );
    416413
    417414                if ( s.$dfwTitle ) {
    418415                        $( '#wp-fullscreen-title-placeholder' ).before( s.$dfwTitle.removeClass('wp-fullscreen-title').css( 'width', '' ) ).remove();
  • src/wp-includes/class-wp-editor.php

     
    12631263                </div></div>
    12641264
    12651265                <div id="wp-fullscreen-save">
    1266                         <input type="button" class="button-primary right" value="<?php echo $save; ?>" onclick="wp.editor.fullscreen.save();" />
     1266                        <input type="button" class="button button-primary right" value="<?php echo $save; ?>" onclick="wp.editor.fullscreen.save();" />
    12671267                        <span class="spinner"></span>
    12681268                        <span class="wp-fullscreen-saved-message"><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
    12691269                        <span class="wp-fullscreen-error-message"><?php _e('Save failed.'); ?></span>
     
    12721272                </div>
    12731273                </div>
    12741274        </div>
    1275         <div id="wp-fullscreen-status">
    1276                 <div id="wp-fullscreen-count"><?php printf( __( 'Word count: %s' ), '<span class="word-count">0</span>' ); ?></div>
    1277                 <div id="wp-fullscreen-tagline"><?php _e('Just write.'); ?></div>
     1275        <div id="wp-fullscreen-statusbar">
     1276                <div id="wp-fullscreen-status">
     1277                        <div id="wp-fullscreen-count"><?php printf( __( 'Word count: %s' ), '<span class="word-count">0</span>' ); ?></div>
     1278                        <div id="wp-fullscreen-tagline"><?php _e('Just write.'); ?></div>
     1279                </div>
    12781280        </div>
    12791281        </div>
    12801282
  • src/wp-includes/css/editor.css

     
    15011501        -webkit-box-sizing: border-box;
    15021502        -moz-box-sizing: border-box;
    15031503        box-sizing: border-box;
    1504         max-width: 100% !important;
     1504        max-width: 100%;
    15051505}
    15061506
    15071507.wp-fullscreen-active .wp-editor-tools,
     
    15111511        display: none;
    15121512}
    15131513
     1514#wp-fullscreen-statusbar {
     1515        position: fixed;
     1516        left: 0;
     1517        right: 0;
     1518        bottom: 0;
     1519        height: 25px;
     1520        z-index: 100020;
     1521        background: #f5f5f5;
     1522        border-top: 1px solid #dedede;
     1523        transition-property: height;
     1524        transition-duration: 0.2s;
     1525}
     1526
    15141527#wp-fullscreen-status {
    1515         margin: auto;
    1516         -webkit-transition: opacity 0.4s;
    1517         transition: opacity 0.4s;
     1528        margin: 0 25px;
     1529        padding: 0;
    15181530}
    15191531
    15201532.wp-fullscreen-active .wp-fullscreen-title,
     
    15311543}
    15321544
    15331545.wp-fullscreen-active .wp-editor-container {
    1534         margin: auto;
     1546        margin: 0 auto 40px;
    15351547}
    15361548
    15371549.wp-fullscreen-active .wp-fullscreen-title {
     
    15441556}
    15451557
    15461558#wp-fullscreen-tagline {
    1547         color: #bbb;
     1559        color: #888;
    15481560        font-size: 18px;
    15491561        float: right;
    1550         padding-top: 5px;
     1562        padding: 2px 0 0;
    15511563}
    15521564
    15531565/* =Top bar
     
    15751587
    15761588#wp-fullscreen-mode-bar,
    15771589#wp-fullscreen-button-bar,
    1578 #wp-fullscreen-close,
    1579 #wp-fullscreen-count {
     1590#wp-fullscreen-close {
    15801591        float: left;
    15811592}
    15821593
     1594#wp-fullscreen-count,
     1595#wp-fullscreen-tagline {
     1596        display: inline-block;
     1597}
     1598
    15831599#wp-fullscreen-button-bar {
    15841600        margin-top: 2px;
    15851601}
     
    15861602
    15871603#wp-fullscreen-save {
    15881604        float: right;
    1589         padding: 2px 2px 0 5px;
     1605        padding: 2px 0 0;
     1606        min-width: 95px;
    15901607}
    15911608
    15921609#wp-fullscreen-count,
    15931610#wp-fullscreen-close {
    1594         padding-top: 6px;
     1611        padding: 3px 0;
    15951612}
    15961613
    15971614#wp-fullscreen-central-toolbar {
    15981615        margin: auto;
    15991616        padding: 0;
     1617        min-width: 550px;
    16001618}
    16011619
    16021620#wp-fullscreen-buttons > div {
     
    16451663        vertical-align: middle;
    16461664}
    16471665
    1648 #wp-fullscreen-save img,
    16491666#wp-fullscreen-save span {
    1650         padding-right: 4px;
    1651         line-height: 26px;
    16521667        display: none;
     1668        margin: 5px 6px 0;
     1669        float: left;
    16531670}
    16541671
    16551672/* =Thickbox Adjustments
     
    16701687/* =CSS 3 transitions
    16711688-------------------------------------------------------------- */
    16721689
    1673 .wp-fullscreen-active #wp-fullscreen-status,
    16741690.wp-fullscreen-active #fullscreen-topbar {
    16751691        -webkit-transition-duration: 0.8s;
    16761692        transition-duration: 0.8s;
     
    16781694        filter: alpha(opacity=0);
    16791695}
    16801696
    1681 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-status,
     1697.wp-fullscreen-active #wp-fullscreen-statusbar {
     1698        height: 0;
     1699}
     1700
    16821701.wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
    16831702        -webkit-transition-duration: 0.4s;
    16841703        transition-duration: 0.4s;
     
    16861705        filter: alpha(opacity=100);
    16871706}
    16881707
     1708.wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
     1709        height: 25px;
     1710}
     1711
    16891712.wp-fullscreen-active .wp-fullscreen-title,
    16901713.wp-fullscreen-active .wp-editor-container {
    16911714        -webkit-transition-duration: 0.8s;
     
    17491772        border-color: #ccc;
    17501773}
    17511774
    1752 .wp-dfw-touch #wp-fullscreen-status {
    1753         opacity: 1;
     1775.wp-dfw-touch #wp-fullscreen-statusbar {
     1776        height: 25px;
    17541777}
    17551778
    17561779@media screen and ( max-width: 782px ) {
     
    17591782        #wp-fullscreen-mode-bar,
    17601783        #wp-fullscreen-button-bar,
    17611784        #wp-fullscreen-save {
    1762                 float: none;
    17631785                display: inline-block;
    17641786        }
    17651787
     
    17691791
    17701792        #wp-fullscreen-central-toolbar {
    17711793                width: auto !important;
     1794                min-width: 0;
    17721795        }
    17731796
    17741797        #wp-fullscreen-close {
     
    17871810                top: 95px;
    17881811        }
    17891812
     1813        #wp-fullscreen-save {
     1814                position: absolute;
     1815                right: 10px;
     1816        }
     1817}
     1818
     1819@media screen and ( max-width: 480px ) {
     1820        #wp_fs_help {
     1821                display: none;
     1822        }
     1823
    17901824        .wp-fullscreen-wrap .wp-editor-container,
    17911825        .wp-fullscreen-title {
    1792                 max-width: 700px;
     1826                width: 480px !important;
    17931827        }
    17941828
    1795         .wp-fullscreen-saved-message {
    1796                 display: none !important;
     1829        body.wp-fullscreen-active {
     1830                width: 480px;
     1831                overflow: auto;
    17971832        }
     1833
     1834        #fullscreen-topbar,
     1835        .wp-fullscreen-wrap .wp-editor-container,
     1836        .wp-fullscreen-title {
     1837                width: 480px;
     1838        }
    17981839}
    17991840
    18001841/* =Localization