Customizer: Better experience for widget filtering in desktop and iOS Safari.
Previously, the search field did not appear at all in desktop Safari, and the auto-focus keyboard fly-up in iOS rendered widget adding frustrating at best. props dsmart, ocean90. fixes #31987. Built from https://develop.svn.wordpress.org/trunk@32243 git-svn-id: http://core.svn.wordpress.org/trunk@32214 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
d672824273
commit
f861754016
|
@ -342,7 +342,7 @@ body.adding-widget .add-new-widget:before {
|
|||
#available-widgets {
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
top: 46px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: -301px;
|
||||
width: 300px;
|
||||
|
@ -354,6 +354,14 @@ body.adding-widget .add-new-widget:before {
|
|||
border-left: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
#available-widgets-list {
|
||||
top: 46px;
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#available-widgets-filter {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
@ -614,6 +622,7 @@ body.adding-widget #customize-preview {
|
|||
|
||||
@media screen and ( max-width: 640px ) {
|
||||
body.adding-widget div#available-widgets {
|
||||
top: 46px;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -342,7 +342,7 @@ body.adding-widget .add-new-widget:before {
|
|||
#available-widgets {
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
top: 46px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: -301px;
|
||||
width: 300px;
|
||||
|
@ -354,6 +354,14 @@ body.adding-widget .add-new-widget:before {
|
|||
border-right: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
#available-widgets-list {
|
||||
top: 46px;
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#available-widgets-filter {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
@ -614,6 +622,7 @@ body.adding-widget #customize-preview {
|
|||
|
||||
@media screen and ( max-width: 640px ) {
|
||||
body.adding-widget div#available-widgets {
|
||||
top: 46px;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -294,7 +294,9 @@
|
|||
// Reset search
|
||||
this.collection.doSearch( '' );
|
||||
|
||||
if ( ! api.settings.browser.mobile ) {
|
||||
this.$search.focus();
|
||||
}
|
||||
},
|
||||
|
||||
// Closes the panel
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -668,11 +668,13 @@ final class WP_Customize_Widgets {
|
|||
<label class="screen-reader-text" for="widgets-search"><?php _e( 'Search Widgets' ); ?></label>
|
||||
<input type="search" id="widgets-search" placeholder="<?php esc_attr_e( 'Search widgets…' ) ?>" />
|
||||
</div>
|
||||
<div id="available-widgets-list">
|
||||
<?php foreach ( $this->get_available_widgets() as $available_widget ): ?>
|
||||
<div id="widget-tpl-<?php echo esc_attr( $available_widget['id'] ) ?>" data-widget-id="<?php echo esc_attr( $available_widget['id'] ) ?>" class="widget-tpl <?php echo esc_attr( $available_widget['id'] ) ?>" tabindex="0">
|
||||
<?php echo $available_widget['control_tpl']; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div><!-- #available-widgets-list -->
|
||||
</div><!-- #available-widgets -->
|
||||
</div><!-- #widgets-left -->
|
||||
<?php
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
*
|
||||
* @global string $wp_version
|
||||
*/
|
||||
$wp_version = '4.2-RC2-32242';
|
||||
$wp_version = '4.2-RC2-32243';
|
||||
|
||||
/**
|
||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||
|
|
Loading…
Reference in New Issue