Disable body scrolling when session expired log in modal is open.

Fixes also the missing close icon if screen width is less than 380px.

props adamsilverstein, ocean90.
fixes #31610.

git-svn-id: https://develop.svn.wordpress.org/trunk@31945 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90) 2015-03-31 22:54:40 +00:00
parent 5283d55271
commit d66ac05792
2 changed files with 13 additions and 2 deletions

View File

@ -34,6 +34,14 @@
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
} }
@media screen and ( max-width: 380px ) {
#wp-auth-check-wrap #wp-auth-check {
left: 0;
width: 100%;
margin: 0;
}
}
#wp-auth-check-wrap.fallback #wp-auth-check { #wp-auth-check-wrap.fallback #wp-auth-check {
max-height: 180px; max-height: 180px;
overflow: auto; overflow: auto;
@ -44,12 +52,13 @@
-webkit-background-size: 16px 16px; -webkit-background-size: 16px 16px;
background-size: 16px 16px; background-size: 16px 16px;
height: 100%; height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
} }
#wp-auth-check-wrap #wp-auth-check-form iframe { #wp-auth-check-wrap #wp-auth-check-form iframe {
height: 100%; height: 98%; /* Scrollbar fix */
width: 100%; width: 100%;
overflow: auto;
} }
#wp-auth-check-wrap .wp-auth-check-close { #wp-auth-check-wrap .wp-auth-check-close {

View File

@ -49,6 +49,7 @@
$('#wp-auth-check-form').append( frame ); $('#wp-auth-check-form').append( frame );
} }
$( 'body' ).addClass( 'modal-open' );
wrap.removeClass('hidden'); wrap.removeClass('hidden');
if ( frame ) { if ( frame ) {
@ -80,6 +81,7 @@
wrap.fadeOut( 200, function() { wrap.fadeOut( 200, function() {
wrap.addClass('hidden').css('display', ''); wrap.addClass('hidden').css('display', '');
$('#wp-auth-check-frame').remove(); $('#wp-auth-check-frame').remove();
$( 'body' ).removeClass( 'modal-open' );
}); });
} }