WordPress.org

Make WordPress Core

Ticket #28577: 28577.diff

File 28577.diff, 2.7 KB (added by jorbin, 4 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;