WordPress.org

Make WordPress Core

Ticket #30685: 30685.3.diff

File 30685.3.diff, 8.4 KB (added by lukecavanagh, 5 years ago)

Patch Refreshed

  • 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 {
     
    3131        outline: 0;
    3232}
    3333
     34.notice a {
     35        color: #0073aa;
     36        text-decoration: underline;
     37}
     38
    3439a:hover,
    3540a:active {
    3641        color: #00a0d2;
     
    5459        line-height: 1.5;
    5560}
    5661
    57 .login .message,
    58 .login #login_error {
    59         border-left: 4px solid #00a0d2;
    60         padding: 12px;
    61         margin-left: 0;
    62         background-color: #fff;
    63         -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    64         box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
     62#login_error,
     63.login .notice {
     64                          background: #fff;
     65        -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
     66        box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
     67        margin: 20px 0;
     68padding: 0;
    6569}
    6670
    67 .login #login_error {
    68         border-left-color: #dc3232;
     71.login .notice {
     72              padding: 12px;
    6973}
    7074
    71 #loginform p.submit,
    72 .login-action-lostpassword p.submit {
    73         border: none;
    74         margin: -10px 0 20px; /* May want to revisit this */
     75.login .notice-info {
     76        border-left: 4px solid #2ea2cc;
    7577}
    7678
    77 .login * {
    78         margin: 0;
    79         padding: 0;
     79.login .notice-error {
     80              border-left-color: #dc3232;
    8081}
    8182
     83.login .login-error-list {
     84              list-style: none;
     85        margin: 0;
     86        padding: 0;
     87}
     88
     89.login .login-error-list .notice {
     90        margin: 1px 0;
     91}
     92
     93.notice p {
     94              margin: 0;
     95              padding: 0;
     96}
     97
    8298.login form {
    83         margin-top: 20px;
    84         margin-left: 0;
     99        margin: 20px 0 24px;
    85100        padding: 26px 24px 46px;
    86         font-weight: normal;
    87101        overflow: hidden;
    88102        background: #fff;
    89103        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     
    90104        box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    91105}
    92106
    93 .login form .forgetmenot {
    94         font-weight: normal;
     107.login .forgetmenot {
    95108        float: left;
    96         margin-bottom: 0;
    97109}
    98110
     111.login .forgetmenot label {
     112        font-size: 12px;
     113        line-height: 19px;
     114}
     115
    99116.login .button-primary {
    100117        float: right;
    101118}
    102119
    103120#login form p {
    104         margin-bottom: 0;
     121        margin: 0;
    105122}
    106123
    107124#login form p.submit {
     
    114131        font-size: 14px;
    115132}
    116133
    117 .login form .forgetmenot label {
    118         font-size: 12px;
    119         line-height: 19px;
     134.login .forgetmenot {
     135        float: left;
    120136}
    121137
    122138.login h1 {
    123         text-align: center;
     139        margin: 0;
     140        text-align: left;
    124141}
    125142
    126143.login h1 a {
     
    130147        background-size: 84px;
    131148        background-position: center top;
    132149        background-repeat: no-repeat;
    133         color: #444;
     150        color: #6e6e6e;
    134151        height: 84px;
    135152        font-size: 20px;
    136153        font-weight: normal;
    137154        line-height: 1.3em;
    138155        margin: 0 auto 25px;
    139         padding: 0;
    140156        text-decoration: none;
    141157        width: 84px;
    142158        text-indent: -9999px;
    143         outline: none;
    144159        overflow: hidden;
    145160        display: block;
     161        -webkit-box-shadow: none;
     162        box-shadow: none;
    146163}
    147164
    148165#login {
     
    151168        margin: auto;
    152169}
    153170
    154 .login #nav,
    155 .login #backtoblog {
    156         font-size: 13px;
     171#nav,
     172#backtoblog {
    157173        padding: 0 24px 0;
    158174}
    159175
    160 .login #nav {
    161         margin: 24px 0 0 0;
    162 }
    163 
    164176#backtoblog {
    165177        margin: 16px 0;
    166178}
     
    183195        color: #124964;
    184196}
    185197
    186 .login form .input,
    187 .login input[type="text"] {
    188         font-size: 24px;
    189         width: 100%;
    190         padding: 3px;
    191         margin: 2px 6px 16px 0;
     198.login input {
     199  background: #fbfbfb;
    192200}
    193201
    194202.login form .input,
     
    197205        background: #fbfbfb;
    198206}
    199207
    200 .ie7 .login form .input,
    201 .ie8 .login form .input {
     208.ie7 .login .input,
     209.ie8 .login .input {
    202210        font-family: sans-serif;
    203211}
    204212
     
    208216        margin: 0;
    209217}
    210218
    211 .login #pass-strength-result {
     219#pass-strength-result {
    212220        font-weight: 600;
    213221        margin: -1px 5px 16px 0;
    214222        padding: 6px 5px;
    215         text-align: center;
    216223        width: 100%;
    217224}
    218225
    219 .mobile #login {
    220         padding: 20px 0;
    221 }
    222 
    223 .mobile #login form {
    224         margin-left: 0;
    225 }
    226 
    227 .mobile #login #nav,
    228 .mobile #login #backtoblog {
    229         margin-left: 8px;
    230 }
    231 
    232226body.interim-login {
    233227        height: auto;
    234228}
     
    242236        width: auto;
    243237}
    244238
    245 .interim-login #login_error,
    246 .interim-login.login .message {
    247         margin: 0 0 16px;
    248 }
    249 
    250239.interim-login.login form {
    251240        margin: 0;
    252241}
     
    262251        }
    263252
    264253        .interim-login input[type=checkbox]:checked:before {
    265                 width: 16px;
    266254                font: normal 21px/1 dashicons;
    267                 margin: -3px 0 0 -4px;
     255                margin-left: -4px;
    268256        }
    269257}
  • src/wp-includes/js/wp-auth-check.js

     
    4949                        }).attr( 'src', form.data('src') );
    5050
    5151                        form.append( frame );
     52                        $( 'body' ).addClass( 'modal-open' );
    5253                }
    5354
    5455                $( 'body' ).addClass( 'modal-open' );
  • src/wp-login.php

     
    192192                                if ( 'message' == $severity )
    193193                                        $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()
     
    247247         * @since 3.1.0
    248248         */
    249249        do_action( 'login_footer' ); ?>
    250         <div class="clear"></div>
    251250        </body>
    252251        </html>
    253252        <?php
     
    530529         */
    531530        do_action( 'lost_password' );
    532531
    533         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);
     532        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 );
    534533
    535534        $user_login = isset($_POST['user_login']) ? wp_unslash($_POST['user_login']) : '';
    536535
     
    554553
    555554<p id="nav">
    556555<a href="<?php echo esc_url( wp_login_url() ); ?>"><?php _e('Log in') ?></a>
     556<a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php _e( 'Lost your password?' ); ?></a>
    557557<?php
    558558if ( get_option( 'users_can_register' ) ) :
    559559        $registration_url = sprintf( '<a href="%s">%s</a>', esc_url( wp_registration_url() ), __( 'Register' ) );
     
    616616        if ( ( ! $errors->get_error_code() ) && isset( $_POST['pass1'] ) && !empty( $_POST['pass1'] ) ) {
    617617                reset_password($user, $_POST['pass1']);
    618618                setcookie( $rp_cookie, ' ', time() - YEAR_IN_SECONDS, $rp_path, COOKIE_DOMAIN, is_ssl(), true );
    619                 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>' );
     619                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>' );
    620620                login_footer();
    621621                exit;
    622622        }
     
    624624        wp_enqueue_script('utils');
    625625        wp_enqueue_script('user-profile');
    626626
    627         login_header(__('Reset Password'), '<p class="message reset-pass">' . __('Enter your new password below.') . '</p>', $errors );
     627        login_header( __( 'Reset Password' ), '<div class="notice notice-info"><p>' . __( 'Enter your new password below.' ) . '</p></div>', $errors );
    628628
    629629?>
    630630<form name="resetpassform" id="resetpassform" action="<?php echo esc_url( network_site_url( 'wp-login.php?action=resetpass', 'login_post' ) ); ?>" method="post" autocomplete="off">
     
    649649        </p>
    650650
    651651        <p class="description indicator-hint"><?php echo wp_get_password_hint(); ?></p>
    652         <br class="clear" />
    653652
    654653        <?php
    655654        /**
     
    941940        endif;
    942941        ?>
    943942        <a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php _e( 'Lost your password?' ); ?></a>
    944 <?php endif; ?>
    945943</p>
    946944<?php } ?>
    947945