sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Customizer: Hide empty space in footer on small screens since it is only populated on larger screens.

Browse Source 
Props obenland.
Fixes #33138.


git-svn-id: https://develop.svn.wordpress.org/trunk@33454 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Weston Ruter 2015-07-28 03:42:36 +00:00
parent 4c7dfd38f7
commit b53cbb1279
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/wp-admin/js/customize-controls.js
View File

@ -595,12 +595,21 @@
} else {
container.scrollTop( 0 );
expand = function () {
var matchMedia, offset;
matchMedia = window.matchMedia || window.msMatchMedia;
offset = 90; // 45px for customize header actions + 45px for footer actions.
// No footer on small screens.
if ( matchMedia && matchMedia( '(max-width: 640px)' ).matches ) {
offset = 45;
}
section.container.addClass( 'open' );
overlay.addClass( 'section-open' );
position = content.offset().top;
scroll = container.scrollTop();
content.css( 'margin-top', ( 45 - position - scroll ) );
content.css( 'height', ( window.innerHeight - 90 ) );
content.css( 'height', ( window.innerHeight - offset ) );
sectionTitle.attr( 'tabindex', '-1' );
backBtn.attr( 'tabindex', '0' );
backBtn.focus();