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

See #32589.


Built from https://develop.svn.wordpress.org/trunk@33206


git-svn-id: http://core.svn.wordpress.org/trunk@33178 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/forms-rtl.css

@@ -494,7 +494,7 @@ fieldset label,
 	border-color: #8dff1c;
 }
 
-.pw-weak{
+.pw-weak {
 	display:none;
 }
 
@@ -1225,11 +1225,43 @@ table.form-table td .updated p {
 		width: auto;
 	}
 
+	/* New Password */
+	.wp-pwd {
+		position: relative;
+	}
+
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		padding-left: 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;
+		left: 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%;
 		max-height: 100%;

wp-admin/css/forms.css

@@ -494,7 +494,7 @@ fieldset label,
 	border-color: #8dff1c;
 }
 
-.pw-weak{
+.pw-weak {
 	display:none;
 }
 
@@ -1225,11 +1225,43 @@ table.form-table td .updated p {
 		width: auto;
 	}
 
+	/* 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%;
 		max-height: 100%;

wp-includes/version.php

@@ -4,7 +4,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '4.3-beta2-33205';
+$wp_version = '4.3-beta2-33206';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.