WordPress.org

Make WordPress Core

Ticket #28577: 28577.diff

File 28577.diff, 2.7 KB (added by jorbin, 3 years ago)
  • src/wp-admin/css/install.css

     
    316316        max-width: 450px; 
    317317} 
    318318 
    319 .language-chooser select { 
     319.language-chooser fieldset { 
    320320        margin: 1px; 
    321321        padding: 8px; 
    322         width: 100%; 
    323322        display: block; 
    324323        border: 1px solid #ddd; 
    325324        -webkit-border-radius: 0; 
     
    334333        font-size: 16px; 
    335334        font-family: inherit; 
    336335        font-weight: inherit; 
     336        overflow-y: scroll; 
     337        height: 250px; 
    337338} 
    338339 
    339 .language-chooser select:focus { 
     340/* TODO:add focus style via JS */ 
     341.language-chooser fieldset.focus { 
    340342        border-color: #5b9dd9; 
    341343        -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8); 
    342344        box-shadow: 0 0 2px rgba(30,140,190,0.8); 
     
    349351 
    350352.language-chooser p { 
    351353        text-align: right; 
    352 } 
    353  No newline at end of file 
     354} 
     355 
     356.language-chooser input:checked + label{ 
     357          color:white; 
     358          background: #0074A2; 
     359} 
     360 
     361.language-chooser label{ 
     362        display:block; 
     363} 
     364 
     365.screen-reader-input, 
     366.screen-reader-text { 
     367        position: absolute; 
     368        margin: -1px; 
     369        padding: 0; 
     370        height: 1px; 
     371        width: 1px; 
     372        overflow: hidden; 
     373        clip: rect(0 0 0 0); 
     374        border: 0; 
     375} 
  • src/wp-admin/install.php

     
    202202        case 0: // Step 0 
    203203                if ( $body = wp_get_available_translations() ) { 
    204204                        display_header( 'language-chooser' ); 
    205  
    206205                        echo '<form id="setup" method="post" action="install.php?step=1">'; 
    207                         echo '<select name="language" id="language-chooser" size="15">'; 
    208                         echo '<option selected="selected" value="">English (United States)</option>'; 
     206                        echo '<fieldset>\n'; 
     207                        echo "<legend class='screen-reader-text'>Select a default language</legend>\n" 
     208                        echo "\n"; 
     209                        echo '<input type="radio" checked="checked" class="screen-reader-input" name="language" id="unitedstates" value=""><label for="unitedstates">English (United States)</label>'; 
     210                        echo "\n"; 
    209211                        foreach ( $body['languages'] as $language ) { 
    210                                 echo '<option value="' . esc_attr( $language['language'] ) . '">' . esc_html( $language['native_name'] ) . "</option>\n"; 
     212                                echo '<input type="radio" name="language" class="' . esc_attr( $language['language'] ) . ' screen-reader-input" id="'. esc_attr( $language['language'] ) .'" value="' . esc_attr( $language['language'] ) . '">'; 
     213                                echo '<label for="' . esc_attr( $language['language'] ) . '">' . esc_html( $language['native_name'] ) . "</label>\n"; 
    211214                        } 
    212                         echo "</select>\n"; 
     215                        echo "</fieldset>\n"; 
    213216                        echo '<p class="step"><input type="submit" class="button button-primary button-hero" value="&raquo;" /></p>'; 
    214217                        echo '</form>'; 
    215218                        break;