WordPress.org

Make WordPress Core

Ticket #30685: 30685.5.patch

File 30685.5.patch, 7.0 KB (added by rianrietveld, 5 years ago)
  • src/wp-admin/css/login.css

     
    1414        color: #444;
    1515        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    1616        font-size: 13px;
    17         line-height: 1.4em;
     17        line-height: 1.4;
    1818}
    1919
    2020a {
     
    5454        line-height: 1.5;
    5555}
    5656
    57 .login .message,
    58 .login #login_error {
    59         border-left: 4px solid #00a0d2;
     57.login .login-error-list {
     58        list-style: none;
     59        margin: 20px 0 0 0;
     60        padding: 0;
     61}
     62
     63.login .notice {
     64        margin: 0;
    6065        padding: 12px;
    61         margin-left: 0;
    6266        background-color: #fff;
    6367        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    6468        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    6569}
    6670
    67 .login #login_error {
    68         border-left-color: #dc3232;
     71.login-error-list .notice + .notice {
     72        margin-top: -24px;
    6973}
    7074
     75.login .notice-info {
     76        border-left: 4px solid #00a0d2;
     77}
     78
     79.login .notice-error {
     80        border-left: 4px solid #dc3232;
     81}
     82
    7183#loginform p.submit,
    7284.login-action-lostpassword p.submit {
    7385        border: none;
  • src/wp-login.php

     
    190190                        $severity = $wp_error->get_error_data( $code );
    191191                        foreach ( $wp_error->get_error_messages( $code ) as $error_message ) {
    192192                                if ( 'message' == $severity )
    193                                         $messages .= '  ' . $error_message . "<br />\n";
     193                                        $messages .= $error_message . "<br />\n";
    194194                                else
    195                                         $errors .= '    ' . $error_message . "<br />\n";
     195                                        $errors .= '<li class="notice notice-error">' . $error_message . '</li>';
    196196                        }
    197197                }
    198198                if ( ! empty( $errors ) ) {
     
    203203                         *
    204204                         * @param string $errors Login error message.
    205205                         */
    206                         echo '<div id="login_error">' . apply_filters( 'login_errors', $errors ) . "</div>\n";
     206                        echo '<div id="login_error"><ul class="login-error-list">' . apply_filters( 'login_errors', $errors ) . "</ul></div>\n";
    207207                }
    208208                if ( ! empty( $messages ) ) {
    209209                        /**
     
    213213                         *
    214214                         * @param string $messages Login messages.
    215215                         */
    216                         echo '<p class="message">' . apply_filters( 'login_messages', $messages ) . "</p>\n";
     216                        echo '<div class="notice notice-info"><p>' . apply_filters( 'login_messages', $messages ) . "</p></div>\n";
    217217                }
    218218        }
    219219} // End of login_header()
     
    250250         * @since 3.1.0
    251251         */
    252252        do_action( 'login_footer' ); ?>
    253         <div class="clear"></div>
    254253        </body>
    255254        </html>
    256255        <?php
     
    533532         */
    534533        do_action( 'lost_password' );
    535534
    536         login_header(__('Lost Password'), '<p class="message">' . __('Please enter your username or email address. You will receive a link to create a new password via email.') . '</p>', $errors);
     535        login_header( __( 'Lost Password' ), '<div class="notice notice-info"><p>' . __( 'Please enter your username or email address. You will receive a link to create a new password via email.' ) . '</p></div>', $errors );
    537536
    538537        $user_login = isset($_POST['user_login']) ? wp_unslash($_POST['user_login']) : '';
    539538
     
    619618        if ( ( ! $errors->get_error_code() ) && isset( $_POST['pass1'] ) && !empty( $_POST['pass1'] ) ) {
    620619                reset_password($user, $_POST['pass1']);
    621620                setcookie( $rp_cookie, ' ', time() - YEAR_IN_SECONDS, $rp_path, COOKIE_DOMAIN, is_ssl(), true );
    622                 login_header( __( 'Password Reset' ), '<p class="message reset-pass">' . __( 'Your password has been reset.' ) . ' <a href="' . esc_url( wp_login_url() ) . '">' . __( 'Log in' ) . '</a></p>' );
     621                login_header( __( 'Password Reset' ), '<div class="notice notice-info"><p>' . __( 'Your password has been reset.' ) . ' <a href="' . esc_url( wp_login_url() ) . '">' . __( 'Log in' ) . '</a></p></div>' );
    623622                login_footer();
    624623                exit;
    625624        }
     
    627626        wp_enqueue_script('utils');
    628627        wp_enqueue_script('user-profile');
    629628
    630         login_header(__('Reset Password'), '<p class="message reset-pass">' . __('Enter your new password below.') . '</p>', $errors );
     629        login_header( __( 'Reset Password' ), '<div class="notice notice-info"><p>' . __( 'Enter your new password below.' ) . '</p></div>', $errors );
    631630
    632631?>
    633632<form name="resetpassform" id="resetpassform" action="<?php echo esc_url( network_site_url( 'wp-login.php?action=resetpass', 'login_post' ) ); ?>" method="post" autocomplete="off">
     
    724723         * @param string $registration_redirect The redirect destination URL.
    725724         */
    726725        $redirect_to = apply_filters( 'registration_redirect', $registration_redirect );
    727         login_header(__('Registration Form'), '<p class="message register">' . __('Register For This Site') . '</p>', $errors);
     726        login_header( __( 'Registration Form' ), '<div class="notice notice-info"><p>' . __( 'Register for this site.' ) . '</p></div>', $errors );
    728727?>
    729728<form name="registerform" id="registerform" action="<?php echo esc_url( site_url( 'wp-login.php?action=register', 'login_post' ) ); ?>" method="post" novalidate="novalidate">
    730729        <p>
     
    820819
    821820        if ( !is_wp_error($user) && !$reauth ) {
    822821                if ( $interim_login ) {
    823                         $message = '<p class="message">' . __('You have logged in successfully.') . '</p>';
     822                        $message = '<div class="notice notice-info"><p>' . __( 'You have logged in successfully.' ) . '</p></div>';
    824823                        $interim_login = 'success';
    825824                        login_header( '', $message ); ?>
    826825                        </div>
     
    894893                $user_login = ( 'incorrect_password' == $errors->get_error_code() || 'empty_password' == $errors->get_error_code() ) ? esc_attr(wp_unslash($_POST['log'])) : '';
    895894        $rememberme = ! empty( $_POST['rememberme'] );
    896895
    897         if ( ! empty( $errors->errors ) ) {
    898                 $aria_describedby_error = ' aria-describedby="login_error"';
     896        // Ensure `aria-describedby` is used only for errors and not for messages.
     897        if ( ! empty( $errors->errors ) && 'message' !== $errors->get_error_data() ) {
     898                $aria_describedby = ' aria-describedby="login_error"';
    899899        } else {
    900                 $aria_describedby_error = '';
     900                $aria_describedby = '';
    901901        }
    902902?>
    903903
     
    904904<form name="loginform" id="loginform" action="<?php echo esc_url( site_url( 'wp-login.php', 'login_post' ) ); ?>" method="post">
    905905        <p>
    906906                <label for="user_login"><?php _e('Username or Email') ?><br />
    907                 <input type="text" name="log" id="user_login"<?php echo $aria_describedby_error; ?> class="input" value="<?php echo esc_attr( $user_login ); ?>" size="20" /></label>
     907                <input type="text" name="log" id="user_login"<?php echo $aria_describedby; ?> class="input" value="<?php echo esc_attr( $user_login ); ?>" size="20" /></label>
    908908        </p>
    909909        <p>
    910910                <label for="user_pass"><?php _e('Password') ?><br />
    911                 <input type="password" name="pwd" id="user_pass"<?php echo $aria_describedby_error; ?> class="input" value="" size="20" /></label>
     911                <input type="password" name="pwd" id="user_pass"<?php echo $aria_describedby; ?> class="input" value="" size="20" /></label>
    912912        </p>
    913913        <?php
    914914        /**
     
    947947<?php endif; ?>
    948948</p>
    949949<?php } ?>
    950 
    951950<script type="text/javascript">
    952951function wp_attempt_focus(){
    953952setTimeout( function(){ try{