Changeset 31945

Timestamp:

03/31/2015 10:54:40 PM (9 years ago)

Author:

ocean90

Message:

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.

Location:

trunk/src/wp-includes

Files:

• css/wp-auth-check.css (modified) (2 diffs)
• js/wp-auth-check.js (modified) (2 diffs)

trunk/src/wp-includes/css/wp-auth-check.css

@@ -35 +35 @@
 }
 
+@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;
@@ -45 +53 @@
     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;
 }
 

trunk/src/wp-includes/js/wp-auth-check.js

@@ -50 +50 @@
         }
 
+        $( 'body' ).addClass( 'modal-open' );
         wrap.removeClass('hidden');
 
@@ -81 +82 @@
             wrap.addClass('hidden').css('display', '');
             $('#wp-auth-check-frame').remove();
+            $( 'body' ).removeClass( 'modal-open' );
         });
     }