Users: Set username, email, and password fields to ltr.

Usernames, email, and password fields are currently `rtl` in `rtl` locales. However, these fields are primarily standardized to `ltr` character sets and for better experience and readability, should be presented left-to-right in all locales.

Fix username, email, and password fields throughout install and admin to be set to `ltr` text direction.

Props man4toman, sabernhardt, ierwira, agnieszkaszuba, SergeyBiryukov, joyously, hellofromTonya, shibleemehdi, oglekler, audrasjb, sajjad67, huzaifaalmesbah, joedolson.
Fixes #54915.

git-svn-id: https://develop.svn.wordpress.org/trunk@61651 602fd350-edb4-49c9-b593-d223f7449a82

Author: joedolson

src/wp-activate.php

@@ -104,6 +104,7 @@ function wpmu_activate_stylesheet() {
 		.wp-activate-container { width: 90%; margin: 0 auto; }
 		.wp-activate-container form { margin-top: 2em; }
 		#submit, #key { width: 100%; font-size: 24px; box-sizing: border-box; }
+		#key { direction: ltr; }
 		#language { margin-top: 0.5em; }
 		.wp-activate-container .error { background: #f66; color: #333; }
 		span.h3 { padding: 0 8px; font-size: 1.3em; font-weight: 600; }

src/wp-admin/css/forms.css

@@ -117,6 +117,8 @@ input[type="radio"]:focus {
 }
 
 /* rtl:ignore */
+.ltr,
+input[type="password"],
 input[type="email"],
 input[type="url"] {
 	direction: ltr;

src/wp-admin/css/login.css

@@ -89,6 +89,7 @@ p {
 	margin-bottom: 15px;
 }
 
+/* rtl:ignore */
 .login .button.wp-hide-pw {
 	background: transparent;
 	border: 1px solid transparent;
@@ -354,6 +355,7 @@ p {
 	font-family: Consolas, Monaco, monospace;
 }
 
+/* rtl:ignore */
 .js.login input.password-input {
 	padding-right: 2.5rem;
 }

src/wp-admin/edit-form-comment.php

@@ -62,7 +62,7 @@
 <tr>
 	<td class="first"><label for="email"><?php _e( 'Email' ); ?></label></td>
 	<td>
-		<input type="text" name="newcomment_author_email" size="30" value="<?php echo esc_attr( $comment->comment_author_email ); ?>" id="email" />
+		<input type="text" name="newcomment_author_email" size="30" class="code" value="<?php echo esc_attr( $comment->comment_author_email ); ?>" id="email" />
 	</td>
 </tr>
 <tr>

src/wp-admin/includes/class-wp-posts-list-table.php

@@ -1781,7 +1781,7 @@ public function inline_edit() {
 					<div class="inline-edit-group wp-clearfix">
 						<label class="alignleft">
 							<span class="title"><?php _e( 'Password' ); ?></span>
-							<span class="input-text-wrap"><input type="text" name="post_password" class="inline-edit-password-input" value="" /></span>
+							<span class="input-text-wrap"><input type="text" name="post_password" class="inline-edit-password-input ltr" value="" /></span>
 						</label>
 
 						<span class="alignleft inline-edit-or">

src/wp-admin/includes/media.php

@@ -3362,7 +3362,7 @@ function attachment_submitbox_metadata() {
 
 	<div class="misc-pub-section misc-pub-attachment">
 		<label for="attachment_url"><?php _e( 'File URL:' ); ?></label>
-		<input type="text" class="widefat urlfield" readonly="readonly" name="attachment_url" id="attachment_url" value="<?php echo esc_attr( $att_url ); ?>" />
+		<input type="text" class="widefat urlfield ltr" readonly="readonly" name="attachment_url" id="attachment_url" value="<?php echo esc_attr( $att_url ); ?>" />
 		<span class="copy-to-clipboard-container">
 			<button type="button" class="button copy-attachment-url edit-media" data-clipboard-target="#attachment_url"><?php _e( 'Copy URL to clipboard' ); ?></button>
 			<span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>

src/wp-admin/includes/meta-boxes.php

@@ -215,7 +215,7 @@ function post_submit_meta_box( $post, $args = array() ) {
 					<?php endif; ?>
 
 					<input type="radio" name="visibility" id="visibility-radio-password" value="password" <?php checked( $visibility, 'password' ); ?> /> <label for="visibility-radio-password" class="selectit"><?php _e( 'Password protected' ); ?></label><br />
-					<span id="password-span"><label for="post_password"><?php _e( 'Password:' ); ?></label> <input type="text" name="post_password" id="post_password" value="<?php echo esc_attr( $post->post_password ); ?>"  maxlength="255" /><br /></span>
+					<span id="password-span"><label for="post_password"><?php _e( 'Password:' ); ?></label> <input type="text" name="post_password" id="post_password" class="ltr" value="<?php echo esc_attr( $post->post_password ); ?>"  maxlength="255" /><br /></span>
 
 					<input type="radio" name="visibility" id="visibility-radio-private" value="private" <?php checked( $visibility, 'private' ); ?> /> <label for="visibility-radio-private" class="selectit"><?php _e( 'Private' ); ?></label><br />
 

src/wp-admin/includes/template.php

@@ -493,7 +493,7 @@ function wp_comment_reply( $position = 1, $checkbox = false, $mode = 'single', $
 
 		<div class="inside">
 		<label for="author-email"><?php _e( 'Email' ); ?></label>
-		<input type="text" name="newcomment_author_email" size="50" value="" id="author-email" />
+		<input type="text" name="newcomment_author_email" size="50" class="code" value="" id="author-email" />
 		</div>
 
 		<div class="inside">

src/wp-admin/network/site-info.php

@@ -175,15 +175,15 @@
 			?>
 		<tr class="form-field">
 			<th scope="row"><?php _e( 'Site Address (URL)' ); ?></th>
-			<td><?php echo esc_url( $parsed_scheme . '://' . $details->domain . $details->path ); ?></td>
+			<td><code><?php echo esc_url( $parsed_scheme . '://' . $details->domain . $details->path ); ?></code></td>
 		</tr>
 			<?php
 			// For any other site, the scheme, domain, and path can all be changed.
 		else :
 			?>
 		<tr class="form-field form-required">
 			<th scope="row"><label for="url"><?php _e( 'Site Address (URL)' ); ?></label></th>
-			<td><input name="blog[url]" type="text" id="url" value="<?php echo $parsed_scheme . '://' . esc_attr( $details->domain ) . esc_attr( $details->path ); ?>" /></td>
+			<td><input name="blog[url]" type="url" id="url" value="<?php echo $parsed_scheme . '://' . esc_attr( $details->domain ) . esc_attr( $details->path ); ?>" /></td>
 		</tr>
 		<?php endif; ?>
 

src/wp-admin/network/site-settings.php

@@ -150,6 +150,25 @@
 				}
 			}
 
+			$ltr_fields = array(
+				'siteurl',
+				'home',
+				'admin_email',
+				'new_admin_email',
+				'mailserver_url',
+				'mailserver_login',
+				'mailserver_pass',
+				'ping_sites',
+				'permalink_structure',
+				'category_base',
+				'tag_base',
+				'upload_path',
+				'upload_url_path',
+			);
+			if ( in_array( $option->option_name, $ltr_fields, true ) ) {
+				$class .= ' ltr';
+			}
+
 			if ( str_contains( $option->option_value, "\n" ) ) {
 				?>
 				<tr class="form-field">