Changeset 2573

Timestamp:

02/24/2016 07:15:18 PM (11 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 */
+        }
+}