Changeset 33206

Timestamp:

07/13/2015 06:20:21 PM (11 years ago)

Author:

obenland

Message:

Passwords: Improve display of show/hide toggle for touch and small-screen devices.

See #32589.

File:

• trunk/src/wp-admin/css/forms.css (modified) (2 diffs)

trunk/src/wp-admin/css/forms.css

@@ -495 +495 @@
 }
 
-.pw-weak{
+.pw-weak {
         display:none;
 }
@@ -1226 +1226 @@
         }
 
+        /* New Password */
+        .wp-pwd {
+                position: relative;
+        }
+
+        .wp-pwd [type="text"],
+        .wp-pwd [type="password"] {
+                padding-right: 40px;
+        }
+
+        .wp-pwd button.button {
+                background: transparent;
+                border: none;
+                -webkit-box-shadow: none;
+                box-shadow: none;
+                line-height: 2;
+                margin: 0;
+                padding: 5px 10px;
+                position: absolute;
+                right: 0;
+                top: 0;
+        }
+
+        .wp-pwd button.button:hover,
+        .wp-pwd button.button:focus,
+        .wp-pwd button.button:active {
+                background: transparent;
+        }
+
+        .wp-pwd .button .text {
+                display: none;
+        }
 }
 
 @media only screen and (max-height: 480px) {
         /*  Request Credentials */
-        .request-filesystem-credentials-dialog  .notification-dialog{
+        .request-filesystem-credentials-dialog .notification-dialog{
                 width: 100%;
                 height: 100%;