WordPress.org

Make WordPress Core

Changeset 27806


Ignore:
Timestamp:
03/28/14 04:39:04 (4 years ago)
Author:
azaozz
Message:

Make DFW usable on touch devices: change the toolbar to two rows and keep it and borders visible. See #26907

Location:
trunk/src
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/js/wp-fullscreen.js

    r27391 r27806  
    9393     * Toggle the CSS class to show/hide the toolbar, borders and statusbar. 
    9494     */ 
    95     toggleUI = api.toggleUI = function( hide ) { 
     95    toggleUI = api.toggleUI = function( show ) { 
    9696        clearTimeout( uiTimer ); 
    9797 
    98         if ( ! $body.hasClass('wp-dfw-show-ui') ) { 
     98        if ( ! $body.hasClass('wp-dfw-show-ui') || show === 'show' ) { 
    9999            $body.addClass('wp-dfw-show-ui'); 
    100         } 
    101  
    102         if ( hide === 'hide' ) { 
     100        } else if ( show !== 'autohide' ) { 
     101            $body.removeClass('wp-dfw-show-ui'); 
     102        } 
     103 
     104        if ( show === 'autohide' ) { 
    103105            uiTimer = setTimeout( _hideUI, 2000 ); 
    104106        } 
     
    306308        var width; 
    307309 
     310        if ( pixels && pixels.toString().indexOf('%') !== -1 ) { 
     311            s.$editorContainer.css( 'width', pixels ); 
     312 
     313            if ( s.$dfwTitle ) { 
     314                s.$dfwTitle.css( 'width', pixels ); 
     315            } 
     316            return; 
     317        } 
     318 
    308319        if ( ! pixels ) { 
    309             // reset to theme width 
     320            // Reset to theme width 
    310321            width = $('#wp-fullscreen-body').data('theme-width') || 800; 
    311322            s.$editorContainer.width( width ); 
     
    366377 
    367378        // Show the UI for 2 sec. when opening 
    368         toggleUI('hide'); 
     379        toggleUI('autohide'); 
    369380 
    370381        api.bind_resize(); 
     
    374385        } 
    375386 
    376         api.dfwWidth( $( '#wp-fullscreen-body' ).data('dfw-width') || 800, true ); 
     387        if ( 'ontouchstart' in window ) { 
     388            api.dfwWidth( '90%' ); 
     389        } else { 
     390            api.dfwWidth( $( '#wp-fullscreen-body' ).data('dfw-width') || 800, true ); 
     391        } 
    377392 
    378393        // scroll to top so the user is not disoriented 
     
    499514            }); 
    500515 
     516            if ( 'ontouchstart' in window ) { 
     517                $body.addClass('wp-dfw-touch'); 
     518            } 
     519 
    501520            toolbar.on( 'mouseenter', function() { 
    502521                toggleUI('show'); 
    503522            }).on( 'mouseleave', function() { 
    504                 toggleUI('hide'); 
     523                toggleUI('autohide'); 
    505524            }); 
    506525 
  • trunk/src/wp-includes/css/editor.css

    r27791 r27806  
    12331233        top: 235px; 
    12341234    } 
    1235      
     1235 
    12361236    #link-selector { 
    12371237        padding: 0 16px 60px; 
    12381238    } 
    1239      
     1239 
    12401240    #wp-link-wrap.search-panel-visible #link-selector { 
    12411241        bottom: 52px; 
     
    17241724} 
    17251725 
     1726/* DFW on touch screen devices */ 
     1727.wp-dfw-touch #fullscreen-topbar { 
     1728    position: absolute; 
     1729    opacity: 1; 
     1730} 
     1731 
     1732.wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container, 
     1733.wp-dfw-touch .wp-fullscreen-title { 
     1734    max-width: 700px; 
     1735} 
     1736 
     1737.wp-fullscreen-active.wp-dfw-touch  .wp-fullscreen-title, 
     1738.wp-fullscreen-active.wp-dfw-touch .wp-editor-container { 
     1739    border-color: #ccc; 
     1740} 
     1741 
     1742.wp-dfw-touch #wp-fullscreen-status { 
     1743    opacity: 1; 
     1744} 
     1745 
     1746@media screen and ( max-width: 782px ) { 
     1747    #wp-fullscreen-close, 
     1748    #wp-fullscreen-central-toolbar, 
     1749    #wp-fullscreen-mode-bar, 
     1750    #wp-fullscreen-button-bar, 
     1751    #wp-fullscreen-save { 
     1752        float: none; 
     1753        display: inline-block; 
     1754    } 
     1755 
     1756    #fullscreen-topbar { 
     1757        height: 85px; 
     1758    } 
     1759 
     1760    #wp-fullscreen-central-toolbar { 
     1761        width: auto !important; 
     1762    } 
     1763 
     1764    #wp-fullscreen-close { 
     1765        line-height: 30px; 
     1766        vertical-align: top; 
     1767        padding: 0 12px; 
     1768    } 
     1769 
     1770    #wp-fullscreen-button-bar { 
     1771        position: absolute; 
     1772        top: 45px; 
     1773        left: 0; 
     1774    } 
     1775 
     1776    .wp-fullscreen-wrap { 
     1777        top: 95px; 
     1778    } 
     1779 
     1780    .wp-fullscreen-wrap .wp-editor-container, 
     1781    .wp-fullscreen-title { 
     1782        max-width: 700px; 
     1783    } 
     1784 
     1785    .wp-fullscreen-saved-message { 
     1786        display: none !important; 
     1787    } 
     1788} 
     1789 
    17261790/* =Localization 
    17271791-------------------------------------------------------------- */ 
  • trunk/src/wp-includes/version.php

    r27758 r27806  
    55 * @global string $wp_version 
    66 */ 
    7 $wp_version = '3.9-beta2-27714-src'; 
     7$wp_version = '3.9-beta2-27806-src'; 
    88 
    99/** 
Note: See TracChangeset for help on using the changeset viewer.