Changeset 33206

Timestamp:

07/13/2015 06:20:21 PM (10 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%;