Changeset 45402

Timestamp:

05/24/2019 08:42:06 PM (5 years ago)

Author:

johnbillion

Message:

I18N: Add a language icon next to language selectors.

This change means that users who can't read the site's current language can more easily identify controls that allow them to change either the site language or their own admin area language.

Props janak007, atlasmahesh, afercia, birgire, JoshuaWold

Fixes #43144

Location:

trunk/src/wp-admin

Files:

• css/common.css (modified) (1 diff)
• options-general.php (modified) (1 diff)
• user-edit.php (modified) (1 diff)

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

@@ -646 +646 @@
 }
 
+/* Dashicon for language options on General Settings and Profile screens */
+.form-table th label[for="locale"] .dashicons,
+.form-table th label[for="WPLANG"] .dashicons {
+    margin-left: 5px;
+}
+
 .wrap .page-title-action:focus {
     border-color: #5b9dd9;

trunk/src/wp-admin/options-general.php

@@ -163 +163 @@
     ?>
     <tr>
-        <th scope="row"><label for="WPLANG"><?php _e( 'Site Language' ); ?></label></th>
+        <th scope="row"><label for="WPLANG"><?php _e( 'Site Language' ); ?><span class="dashicons dashicons-translation" aria-hidden="true"></span></label></th>
         <td>
             <?php

trunk/src/wp-admin/user-edit.php

@@ -328 +328 @@
     <th scope="row">
             <?php /* translators: The user language selection field label */ ?>
-        <label for="locale"><?php _e( 'Language' ); ?></label>
+        <label for="locale"><?php _e( 'Language' ); ?><span class="dashicons dashicons-translation" aria-hidden="true"></span></label>
     </th>
     <td>