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

@@ -1225,6 +1225,38 @@ 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) {

wp-admin/css/forms.css

@@ -1225,6 +1225,38 @@ 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) {

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.