Changeset 29020

Timestamp:

07/08/2014 12:29:47 AM (10 years ago)

Author:

johnbillion

Message:

Focus and blur styling (via JS) for the install screen language selector. Props jorbin. See #28577

Location:

trunk/src

Files:

• wp-admin/css/install.css (modified) (3 diffs)
• wp-admin/includes/upgrade.php (modified) (2 diffs)
• wp-admin/install.php (modified) (1 diff)
• wp-admin/js/language-chooser.js (added)
• wp-admin/setup-config.php (modified) (1 diff)
• wp-includes/script-loader.php (modified) (1 diff)

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

@@ -338 +338 @@
 }
 
-/* TODO:add focus style via JS */
 .language-chooser fieldset.focus {
     border-color: #5b9dd9;
@@ -356 +355 @@
 .language-chooser input:checked + label{
       color:white;
+      background: #777;
+}
+
+.language-chooser .focus input:checked + label{
       background: #0074A2;
+}
+
+.language-chooser label:hover {
+      background: #eee;
 }
 
@@ -374 +381 @@
     border: 0;
 }
+
+}

trunk/src/wp-admin/includes/upgrade.php

@@ -2163 +2163 @@
     echo "<fieldset>\n";
     echo "<legend class='screen-reader-text'>Select a default language</legend>\n";
-    echo '<input type="radio" checked="checked" class="screen-reader-input" name="language" id="language_default" value="">';
+    echo '<input type="radio" checked="checked" class="screen-reader-input language-chooser-input" name="language" id="language_default" value="">';
     echo '<label for="language_default">English (United States)</label>';
     echo "\n";
@@ -2176 +2176 @@
 
     foreach ( $languages as $language ) {
-        echo '<input type="radio" name="language" class="' . esc_attr( $language['language'] ) . ' screen-reader-input" id="language_'. esc_attr( $language['language'] ) .'" value="' . esc_attr( $language['language'] ) . '">';
+        echo '<input type="radio" name="language" class="' . esc_attr( $language['language'] ) . ' screen-reader-input language-chooser-input" id="language_'. esc_attr( $language['language'] ) .'" value="' . esc_attr( $language['language'] ) . '">';
         echo '<label for="language_' . esc_attr( $language['language'] ) . '">' . esc_html( $language['native_name'] ) . "</label>\n";
     }

trunk/src/wp-admin/install.php

@@ -282 +282 @@
 <?php } ?>
 <?php wp_print_scripts( 'user-profile' ); ?>
+<?php wp_print_scripts( 'language-chooser' ); ?>
 </body>
 </html>

trunk/src/wp-admin/setup-config.php

@@ -320 +320 @@
 }
 ?>
+<?php wp_print_scripts( 'language-chooser' ); ?>
 </body>
 </html>

trunk/src/wp-includes/script-loader.php

@@ -346 +346 @@
 
     $scripts->add( 'user-profile', "/wp-admin/js/user-profile$suffix.js", array( 'jquery', 'password-strength-meter' ), false, 1 );
+    $scripts->add( 'language-chooser', "/wp-admin/js/language-chooser$suffix.js", array( 'jquery' ), false, 1 );
 
     $scripts->add( 'user-suggest', "/wp-admin/js/user-suggest$suffix.js", array( 'jquery-ui-autocomplete' ), false, 1 );