Changeset 2573

Timestamp:

02/24/2016 07:15:18 PM (9 years ago)

Author:

mapk

Message:

Fixing UI for mobile devices.

refs
​https://make.wordpress.org/flow/2016/02/24/log-in-visual-survey-of-login-wordpress-org-on-phones/

props @ryan

See #1524

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login/stylesheets/login.css (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login/stylesheets/login.css

@@ -342 +342 @@
     }
     body.login {
-        /* Using flexbox to control the vertical alignment of the form and white box */
-        display:flex;
+        display:block; /* Overwriting flexbox to remove vertical positioning */
         align-items:center;
-    }
-    #login {
+        margin-top:100px; /* Fix for displaying logo correctly */
+    }
+    #login, .mobile #login {
         -webkit-box-shadow:none;
         box-shadow:none;
-        padding:20px 0;
+        padding:24px;
     }
     #login #login_error {
@@ -368 +368 @@
         background-size:100%;
     }
-}
+    #login #login_error {
+        width:100%; /* Adjusting width of error to match that of content */
+    }
+}