WordPress.org

Make WordPress Core

Ticket #27709: 27709.1.patch

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

     
    309309
    310310                if ( pixels && pixels.toString().indexOf('%') !== -1 ) {
    311311                        s.$editorContainer.css( 'width', pixels );
     312                        s.$statusbar.css( 'width', pixels );
    312313
    313314                        if ( s.$dfwTitle ) {
    314315                                s.$dfwTitle.css( 'width', pixels );
     
    320321                        // Reset to theme width
    321322                        width = $('#wp-fullscreen-body').data('theme-width') || 800;
    322323                        s.$editorContainer.width( width );
     324                        s.$statusbar.width( width );
    323325
    324326                        if ( s.$dfwTitle ) {
    325327                                s.$dfwTitle.width( width - 16 );
     
    342344                }
    343345
    344346                s.$editorContainer.width( width );
     347                s.$statusbar.width( width );
    345348
    346349                if ( s.$dfwTitle ) {
    347350                        s.$dfwTitle.width( width - 16 );
     
    362365        // This event occurs while the overlay blocks the UI.
    363366        ps.subscribe( 'showing', function() {
    364367                $body.addClass( 'wp-fullscreen-active' );
    365 
    366368                s.$dfwWrap.addClass( 'wp-fullscreen-wrap' );
    367                 s.$editorContainer.append( $('#wp-fullscreen-status') );
    368369
    369370                if ( s.$dfwTitle ) {
    370371                        s.$dfwTitle.after( '<span id="wp-fullscreen-title-placeholder">' );
     
    412413
    413414        ps.subscribe( 'hiding', function() { // This event occurs while the overlay blocks the DFW UI.
    414415                $body.removeClass( 'wp-fullscreen-active' );
    415                 $( '#wp-fullscreen-body' ).append( $('#wp-fullscreen-status') );
    416416
    417417                if ( s.$dfwTitle ) {
    418418                        $( '#wp-fullscreen-title-placeholder' ).before( s.$dfwTitle.removeClass('wp-fullscreen-title').css( 'width', '' ) ).remove();
     
    474474
    475475                        s.toolbar = toolbar = $('#fullscreen-topbar');
    476476                        s.$fullscreenFader = $('#fullscreen-fader');
     477                        s.$statusbar = $('#wp-fullscreen-status');
    477478                        s.hasTinymce = typeof tinymce !== 'undefined';
    478479
    479480                        if ( ! s.hasTinymce )
  • 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: 30px;
     1520        z-index: 100020;
     1521        background: #fff;
     1522        transition-property: height;
     1523        transition-duration: 0.2s;
     1524}
     1525
    15141526#wp-fullscreen-status {
    1515         margin: auto;
    1516         -webkit-transition: opacity 0.4s;
    1517         transition: opacity 0.4s;
     1527        margin: 0 auto;
     1528        padding: 0;
     1529        border-top: 1px dashed #ccc;
    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 30px;
     1547        border-bottom: 0;
    15351548}
    15361549
    15371550.wp-fullscreen-active .wp-fullscreen-title {
     
    15441557}
    15451558
    15461559#wp-fullscreen-tagline {
    1547         color: #bbb;
     1560        color: #888;
    15481561        font-size: 18px;
    15491562        float: right;
    1550         padding-top: 5px;
     1563        padding: 4px 0 0;
    15511564}
    15521565
    15531566/* =Top bar
     
    15751588
    15761589#wp-fullscreen-mode-bar,
    15771590#wp-fullscreen-button-bar,
    1578 #wp-fullscreen-close,
    1579 #wp-fullscreen-count {
     1591#wp-fullscreen-close {
    15801592        float: left;
    15811593}
    15821594
     1595#wp-fullscreen-count,
     1596#wp-fullscreen-tagline {
     1597        display: inline-block;
     1598}
     1599
    15831600#wp-fullscreen-button-bar {
    15841601        margin-top: 2px;
    15851602}
     
    15861603
    15871604#wp-fullscreen-save {
    15881605        float: right;
    1589         padding: 2px 2px 0 5px;
     1606        padding: 2px 0 0;
     1607        min-width: 95px;
    15901608}
    15911609
    15921610#wp-fullscreen-count,
    15931611#wp-fullscreen-close {
    1594         padding-top: 6px;
     1612        padding: 5px 0 0;
    15951613}
    15961614
    15971615#wp-fullscreen-central-toolbar {
    15981616        margin: auto;
    15991617        padding: 0;
     1618        min-width: 550px;
    16001619}
    16011620
    16021621#wp-fullscreen-buttons > div {
     
    16451664        vertical-align: middle;
    16461665}
    16471666
    1648 #wp-fullscreen-save img,
    16491667#wp-fullscreen-save span {
    1650         padding-right: 4px;
    1651         line-height: 26px;
    16521668        display: none;
     1669        margin: 5px 6px 0;
     1670        float: left;
    16531671}
    16541672
    16551673/* =Thickbox Adjustments
     
    16701688/* =CSS 3 transitions
    16711689-------------------------------------------------------------- */
    16721690
    1673 .wp-fullscreen-active #wp-fullscreen-status,
    16741691.wp-fullscreen-active #fullscreen-topbar {
    16751692        -webkit-transition-duration: 0.8s;
    16761693        transition-duration: 0.8s;
     
    16781695        filter: alpha(opacity=0);
    16791696}
    16801697
    1681 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-status,
     1698.wp-fullscreen-active #wp-fullscreen-statusbar {
     1699        height: 0;
     1700}
     1701
    16821702.wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
    16831703        -webkit-transition-duration: 0.4s;
    16841704        transition-duration: 0.4s;
     
    16861706        filter: alpha(opacity=100);
    16871707}
    16881708
     1709.wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
     1710        height: 30px;
     1711}
     1712
    16891713.wp-fullscreen-active .wp-fullscreen-title,
    16901714.wp-fullscreen-active .wp-editor-container {
    16911715        -webkit-transition-duration: 0.8s;
     
    17491773        border-color: #ccc;
    17501774}
    17511775
    1752 .wp-dfw-touch #wp-fullscreen-status {
    1753         opacity: 1;
     1776.wp-dfw-touch #wp-fullscreen-statusbar {
     1777        height: 30px;
    17541778}
    17551779
    17561780@media screen and ( max-width: 782px ) {
     
    17591783        #wp-fullscreen-mode-bar,
    17601784        #wp-fullscreen-button-bar,
    17611785        #wp-fullscreen-save {
    1762                 float: none;
    17631786                display: inline-block;
    17641787        }
    17651788
     
    17691792
    17701793        #wp-fullscreen-central-toolbar {
    17711794                width: auto !important;
     1795                min-width: 0;
    17721796        }
    17731797
    17741798        #wp-fullscreen-close {
     
    17871811                top: 95px;
    17881812        }
    17891813
     1814        #wp-fullscreen-save {
     1815                position: absolute;
     1816                right: 10px;
     1817        }
     1818}
     1819
     1820@media screen and ( max-width: 480px ) {
     1821        #wp_fs_help {
     1822                display: none;
     1823        }
     1824
    17901825        .wp-fullscreen-wrap .wp-editor-container,
    17911826        .wp-fullscreen-title {
    1792                 max-width: 700px;
     1827                width: 480px !important;
    17931828        }
    17941829
    1795         .wp-fullscreen-saved-message {
    1796                 display: none !important;
     1830        body.wp-fullscreen-active {
     1831                width: 480px;
     1832                overflow: auto;
    17971833        }
     1834
     1835        #fullscreen-topbar,
     1836        .wp-fullscreen-wrap {
     1837                width: 480px;
     1838        }
     1839       
     1840        #wp-fullscreen-status {
     1841                width: auto !important;
     1842                max-width: 100%;
     1843                padding: 0 10px;
     1844        }
    17981845}
    17991846
    18001847/* =Localization