From d66ac057925e14464c5aa5dc1f51894334443c5b Mon Sep 17 00:00:00 2001
From: "Dominik Schilling (ocean90)" <ocean90@git.wordpress.org>
Date: Tue, 31 Mar 2015 22:54:40 +0000
Subject: [PATCH] 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
---
 src/wp-includes/css/wp-auth-check.css | 13 +++++++++++--
 src/wp-includes/js/wp-auth-check.js   |  2 ++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/wp-includes/css/wp-auth-check.css b/src/wp-includes/css/wp-auth-check.css
index b6dd541c22..b5058d208d 100644
--- a/src/wp-includes/css/wp-auth-check.css
+++ b/src/wp-includes/css/wp-auth-check.css
@@ -34,6 +34,14 @@
 	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 {
 	max-height: 180px;
 	overflow: auto;
@@ -44,12 +52,13 @@
 	-webkit-background-size: 16px 16px;
 	background-size: 16px 16px;
 	height: 100%;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
 }
 
 #wp-auth-check-wrap #wp-auth-check-form iframe {
-	height: 100%;
+	height: 98%; /* Scrollbar fix */
 	width: 100%;
-	overflow: auto;
 }
 
 #wp-auth-check-wrap .wp-auth-check-close {
diff --git a/src/wp-includes/js/wp-auth-check.js b/src/wp-includes/js/wp-auth-check.js
index e58a27dab9..4c0b71d9c2 100644
--- a/src/wp-includes/js/wp-auth-check.js
+++ b/src/wp-includes/js/wp-auth-check.js
@@ -49,6 +49,7 @@
 			$('#wp-auth-check-form').append( frame );
 		}
 
+		$( 'body' ).addClass( 'modal-open' );
 		wrap.removeClass('hidden');
 
 		if ( frame ) {
@@ -80,6 +81,7 @@
 		wrap.fadeOut( 200, function() {
 			wrap.addClass('hidden').css('display', '');
 			$('#wp-auth-check-frame').remove();
+			$( 'body' ).removeClass( 'modal-open' );
 		});
 	}