WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve the Customize experience on mobile. 

Before: https://make.wordpress.org/flow/2015/02/02/a-peek-at-the-customizer-on-an-iphone-6/
After: https://make.wordpress.org/flow/2015/02/03/vizrec-for-28784-improve-the-customize-experience-on-mobile-iphone-6-28784-diff-4-2-alpha-31325/

props celloexpressions.
see #28784.
Built from https://develop.svn.wordpress.org/trunk@31384


git-svn-id: http://core.svn.wordpress.org/trunk@31365 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Dominik Schilling 2015-02-09 12:36:28 +00:00
parent 502515974c
commit 941075c8ca
12 changed files with 203 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
wp-admin/css/customize-controls-rtl.css
View File

@ -235,7 +235,9 @@ body {
.customize-controls-close:focus,
.customize-controls-close:hover,
.control-panel-back:focus,
.control-panel-back:hover {
.control-panel-back:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
background: #ddd;
border-color: #ccc;
color: #000;
@ -309,7 +311,7 @@ body {
}
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
right: -300px;
right: -354px;
-webkit-transition: right ease-in-out .18s;
transition: right ease-in-out .18s;
}
@ -848,3 +850,76 @@ body.cheatin p {
line-height: 1.5;
margin: 25px 0 20px;
}
/* Responsive */
.customize-controls-preview-toggle {
display: none;
}
@media screen and ( max-width: 640px ) {
#customize-controls {
width: 100%;
}
.wp-full-overlay.expanded {
margin-right: 0;
}
.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
bottom: 0;
}
.customize-controls-preview-toggle {
display: block;
position: absolute;
top: 0;
right: 48px;
line-height: 45px;
font-size: 14px;
padding: 0 12px 0 12px;
margin: 0;
height: 45px;
background: #eee;
border-left: 1px solid #ddd;
color: #444;
cursor: pointer;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out;
}
#customize-footer-actions,
#customize-preview,
.customize-controls-preview-toggle .controls,
.preview-only .wp-full-overlay-sidebar-content,
.preview-only .customize-controls-preview-toggle .preview {
display: none;
}
.customize-controls-preview-toggle .preview:before,
.customize-controls-preview-toggle .controls:before {
font: normal 20px/1 dashicons;
content: "\f177";
position: relative;
top: 4px;
margin-left: 6px;
}
.customize-controls-preview-toggle .controls:before {
content: "\f100";
}
.preview-only #customize-controls {
height: 45px;
}
.preview-only #customize-preview,
.preview-only .customize-controls-preview-toggle .controls {
display: block;
}
#customize-preview {
top: 45px;
bottom: 0;
height: auto;
}
}

2
wp-admin/css/customize-controls-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

79
wp-admin/css/customize-controls.css
View File

@ -235,7 +235,9 @@ body {
.customize-controls-close:focus,
.customize-controls-close:hover,
.control-panel-back:focus,
.control-panel-back:hover {
.control-panel-back:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
background: #ddd;
border-color: #ccc;
color: #000;
@ -309,7 +311,7 @@ body {
}
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
left: -300px;
left: -354px;
-webkit-transition: left ease-in-out .18s;
transition: left ease-in-out .18s;
}
@ -848,3 +850,76 @@ body.cheatin p {
line-height: 1.5;
margin: 25px 0 20px;
}
/* Responsive */
.customize-controls-preview-toggle {
display: none;
}
@media screen and ( max-width: 640px ) {
#customize-controls {
width: 100%;
}
.wp-full-overlay.expanded {
margin-left: 0;
}
.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
bottom: 0;
}
.customize-controls-preview-toggle {
display: block;
position: absolute;
top: 0;
left: 48px;
line-height: 45px;
font-size: 14px;
padding: 0 12px 0 12px;
margin: 0;
height: 45px;
background: #eee;
border-right: 1px solid #ddd;
color: #444;
cursor: pointer;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out;
}
#customize-footer-actions,
#customize-preview,
.customize-controls-preview-toggle .controls,
.preview-only .wp-full-overlay-sidebar-content,
.preview-only .customize-controls-preview-toggle .preview {
display: none;
}
.customize-controls-preview-toggle .preview:before,
.customize-controls-preview-toggle .controls:before {
font: normal 20px/1 dashicons;
content: "\f177";
position: relative;
top: 4px;
margin-right: 6px;
}
.customize-controls-preview-toggle .controls:before {
content: "\f100";
}
.preview-only #customize-controls {
height: 45px;
}
.preview-only #customize-preview,
.preview-only .customize-controls-preview-toggle .controls {
display: block;
}
#customize-preview {
top: 45px;
bottom: 0;
height: auto;
}
}

2
wp-admin/css/customize-controls.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
wp-admin/css/customize-widgets-rtl.css
View File

@ -344,7 +344,7 @@ body.adding-widget .add-new-widget:before {
width: 300px;
margin: 0;
z-index: 1;
background: #fff;
background: #fff !important;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-left: 1px solid #dddddd;
@ -607,3 +607,17 @@ body.adding-widget #customize-preview {
top: 8px;
}
}
@media screen and ( max-width: 640px ) {
body.adding-widget div#available-widgets {
right: 0;
z-index: 10;
width: 100%;
}
#available-widgets-filter {
position: static;
width: 100%;
height: auto;
}
}

2
wp-admin/css/customize-widgets-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
wp-admin/css/customize-widgets.css
View File

@ -344,7 +344,7 @@ body.adding-widget .add-new-widget:before {
width: 300px;
margin: 0;
z-index: 1;
background: #fff;
background: #fff !important;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-right: 1px solid #dddddd;
@ -607,3 +607,17 @@ body.adding-widget #customize-preview {
top: 8px;
}
}
@media screen and ( max-width: 640px ) {
body.adding-widget div#available-widgets {
left: 0;
z-index: 10;
width: 100%;
}
#available-widgets-filter {
position: static;
width: 100%;
height: auto;
}
}

2
wp-admin/css/customize-widgets.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
wp-admin/customize.php
View File

@ -126,6 +126,10 @@ do_action( 'customize_controls_print_scripts' );
submit_button( $save_text, 'primary save', 'save', false );
?>
<span class="spinner"></span>
<a class="customize-controls-preview-toggle" href="#">
<span class="controls"><?php _e( 'Customize' ); ?></span>
<span class="preview"><?php _e( 'Preview' ); ?></span>
</a>
<a class="customize-controls-close" href="<?php echo esc_url( $return ); ?>">
<span class="screen-reader-text"><?php _e( 'Cancel' ); ?></span>
</a>

9
wp-admin/js/customize-controls.js
View File

@ -2239,6 +2239,15 @@
event.preventDefault();
});
$( '.customize-controls-preview-toggle' ).on( 'click keydown', function( event ) {
if ( api.utils.isKeydownButNotEnterEvent( event ) ) {
return;
}
overlay.toggleClass( 'preview-only' );
event.preventDefault();
});
// Bind site title display to the corresponding field.
if ( title.length ) {
$( '#customize-control-blogname input' ).on( 'input', function() {

2
wp-admin/js/customize-controls.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
wp-includes/version.php
View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.2-alpha-31382';
$wp_version = '4.2-alpha-31384';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.