WordPress.org

Make WordPress Core

Ticket #30685: 30685.patch

File 30685.patch, 11.7 KB (added by afercia, 6 years ago)
  • src/wp-admin/css/login.css

     
    1414
    1515body {
    1616        background: #f1f1f1;
    17         min-width: 0;
     17        min-width: 0; /* May want to revisit this see #18314 */
    1818        color: #444;
    1919        font-family: "Open Sans", sans-serif;
    2020        font-size: 13px;
    21         line-height: 1.4em;
     21        line-height: 1.4;
    2222}
    2323
    2424a {
    25         color: #0074a2;
    26         -webkit-transition-property: border, background, color;
    27         transition-property: border, background, color;
    28         -webkit-transition-duration: .05s;
    29         transition-duration: .05s;
    30         -webkit-transition-timing-function: ease-in-out;
    31         transition-timing-function: ease-in-out;
     25        color: #6e6e6e;
     26        text-decoration: none;
     27        outline: 0;
    3228}
    3329
    34 a {
    35         outline: 0;
     30.notice a {
     31        color: #0074a2;
     32        text-decoration: underline;
    3633}
    3734
    3835a:hover,
     
    4239
    4340a:focus {
    4441        color: #124964;
     42    -webkit-box-shadow:
     43        0 0 0 1px #5b9dd9,
     44                0 0 2px 1px rgba(30, 140, 190, .8);
     45    box-shadow:
     46        0 0 0 1px #5b9dd9,
     47                0 0 2px 1px rgba(30, 140, 190, .8);
    4548}
    4649
    47 a:focus,
    48 a:active {
    49         outline: thin dotted;
     50.ie8 a:focus {
     51        outline: #5b9dd9 solid 1px;
    5052}
    5153
    5254p {
     
    5355        line-height: 1.5;
    5456}
    5557
    56 .login .message {
     58#login_error,
     59.login .notice {
     60        background: #fff;
     61        -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
     62        box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
     63        margin: 20px 0;
     64        padding: 0;
     65}
     66
     67.login .notice {
     68        padding: 12px;
     69}
     70
     71.login .notice-info {
    5772        border-left: 4px solid #2ea2cc;
    58         padding: 1px 12px;
    59         background-color: #fff;
    60         -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    61         box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    6273}
    6374
    64 .login #login_error {
     75.login .notice-error {
    6576        border-left: 4px solid #dd3d36;
    66         background: #fff;
    67         -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    68         box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    6977}
    7078
    71 #loginform p.submit,
    72 .login-action-lostpassword p.submit {
    73         border: none;
    74         margin: -10px 0 20px; /* May want to revisit this */
     79.login .login-error-list {
     80        list-style: none;
     81        margin: 0;
     82        padding: 0;
    7583}
    7684
    77 .login * {
     85.login .login-error-list .notice {
     86        margin: 1px 0;
     87}
     88
     89.notice p {
    7890        margin: 0;
    7991        padding: 0;
    8092}
    8193
    8294.login form {
    83         margin-top: 20px;
    84         margin-left: 0;
     95        margin: 20px 0 24px;
    8596        padding: 26px 24px 46px;
    86         font-weight: normal;
    8797        overflow: hidden;
    8898        background: #fff;
    8999        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     
    90100        box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    91101}
    92102
    93 .login form .forgetmenot {
    94         font-weight: normal;
     103.login .forgetmenot {
    95104        float: left;
    96         margin-bottom: 0;
    97105}
    98106
    99107.login .button-primary {
     
    101109}
    102110
    103111#login form p {
    104         margin-bottom: 0;
     112        margin: 0;
    105113}
    106114
    107 #login form p.submit {
     115#login #reg_passmail,
     116#login .description.indicator-hint {
     117        margin-bottom: 18px;
     118}
     119
     120#login .submit {
    108121        margin: 0;
    109122        padding: 0;
    110123}
     
    114127        font-size: 14px;
    115128}
    116129
    117 .login form .forgetmenot label {
     130.login .forgetmenot label {
    118131        font-size: 12px;
    119132        line-height: 19px;
    120133}
    121134
    122135.login h1 {
    123         text-align: center;
     136        margin: 0;
     137        text-align: left;
    124138}
    125139
    126140.login h1 a {
     
    130144        background-size: 84px;
    131145        background-position: center top;
    132146        background-repeat: no-repeat;
    133         color: #999;
     147        color: #6e6e6e;
    134148        height: 84px;
    135149        font-size: 20px;
    136150        font-weight: normal;
    137151        line-height: 1.3em;
    138152        margin: 0 auto 25px;
    139         padding: 0;
    140153        text-decoration: none;
    141154        width: 84px;
    142155        text-indent: -9999px;
    143         outline: none;
    144156        overflow: hidden;
    145157        display: block;
     158        -webkit-box-shadow: none;
     159        box-shadow: none;
    146160}
    147161
    148162#login {
     
    151165        margin: auto;
    152166}
    153167
    154 #login_error,
    155 .login .message {
    156         margin-left: 0;
    157         padding: 12px;
    158 }
    159 
    160 .login #nav,
    161 .login #backtoblog {
    162         font-size: 13px;
     168#nav,
     169#backtoblog {
    163170        padding: 0 24px 0;
    164171}
    165172
    166 .login #nav {
    167         margin: 24px 0 0 0;
    168 }
    169 
    170173#backtoblog {
    171174        margin: 16px 0 0 0;
    172175}
    173176
    174 .login #nav a,
    175 .login #backtoblog a {
    176         text-decoration: none;
    177         color: #999;
    178 }
    179 
    180 .login #nav a:hover,
    181 .login #backtoblog a:hover,
    182 .login h1 a:hover {
    183         color: #2ea2cc;
    184 }
    185 
    186177.login form .input,
    187178.login input[type="text"] {
    188179        font-size: 24px;
     
    191182        margin: 2px 6px 16px 0;
    192183}
    193184
    194 .login form .input,
    195 .login input[type="text"],
    196 .login form input[type="checkbox"] {
     185.login input {
    197186        background: #fbfbfb;
    198187}
    199188
    200 .ie7 .login form .input,
    201 .ie8 .login form .input {
     189.ie7 .login .input,
     190.ie8 .login .input {
    202191        font-family: sans-serif;
    203192}
    204193
    205 .login #pass-strength-result {
     194#pass-strength-result {
    206195        width: 250px;
    207196        font-weight: 600;
    208197        margin: 12px 0 6px;
    209198        padding: 6px 5px;
    210         text-align: center;
    211199}
    212200
    213201.mobile #login {
     
    214202        padding: 20px 0;
    215203}
    216204
    217 .mobile #login form,
    218 .mobile #login .message,
    219 .mobile #login_error {
    220         margin-left: 0;
    221 }
    222 
    223 .mobile #login #nav,
    224 .mobile #login #backtoblog {
    225         margin-left: 8px;
    226 }
    227 
    228205.mobile #login h1 a {
    229206        width: auto;
    230207}
     
    242219        width: auto;
    243220}
    244221
    245 .interim-login #login_error,
    246 .interim-login.login .message {
    247         margin: 0 0 16px;
    248 }
    249 
    250222.interim-login.login form {
    251223        margin: 0;
    252224}
     
    262234        }
    263235
    264236        .interim-login input[type=checkbox]:checked:before {
    265                 width: 16px;
    266237                font: normal 21px/1 'dashicons';
    267                 margin: -3px 0 0 -4px;
     238                margin-left: -4px;
    268239        }
    269240}
  • src/wp-includes/js/wp-auth-check.js

     
    4747                        }).attr( 'src', form.data('src') );
    4848
    4949                        $('#wp-auth-check-form').append( frame );
     50                        $( 'body' ).addClass( 'modal-open' );
    5051                }
    5152
    5253                wrap.removeClass('hidden');
     
    8081                wrap.fadeOut( 200, function() {
    8182                        wrap.addClass('hidden').css('display', '');
    8283                        $('#wp-auth-check-frame').remove();
     84                        $( 'body' ).removeClass( 'modal-open' );
    8385                });
    8486        }
    8587
  • src/wp-login.php

     
    180180                                if ( 'message' == $severity )
    181181                                        $messages .= '  ' . $error_message . "<br />\n";
    182182                                else
    183                                         $errors .= '    ' . $error_message . "<br />\n";
     183                                        $errors .= '<li class="notice notice-error">' . $error_message . '</li>';
    184184                        }
    185185                }
     186
    186187                if ( ! empty( $errors ) ) {
    187188                        /**
    188189                         * Filter the error messages displayed above the login form.
     
    191192                         *
    192193                         * @param string $errors Login error message.
    193194                         */
    194                         echo '<div id="login_error">' . apply_filters( 'login_errors', $errors ) . "</div>\n";
     195                        echo '<div id="login_error"><ul class="login-error-list">' . apply_filters( 'login_errors', $errors ) . "</ul></div>\n";
    195196                }
    196197                if ( ! empty( $messages ) ) {
    197198                        /**
     
    201202                         *
    202203                         * @param string $messages Login messages.
    203204                         */
    204                         echo '<p class="message">' . apply_filters( 'login_messages', $messages ) . "</p>\n";
     205                        echo '<div class="notice notice-info"><p>' . apply_filters( 'login_messages', $messages ) . "</p></div>\n";
    205206                }
    206207        }
    207208} // End of login_header()
     
    216217
    217218        // Don't allow interim logins to navigate away from the page.
    218219        if ( ! $interim_login ): ?>
    219         <p id="backtoblog"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php esc_attr_e( 'Are you lost?' ); ?>"><?php printf( __( '&larr; Back to %s' ), get_bloginfo( 'title', 'display' ) ); ?></a></p>
     220        <p id="backtoblog"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php printf( __( '&larr; Back to %s' ), get_bloginfo( 'title', 'display' ) ); ?></a></p>
    220221        <?php endif; ?>
    221222
    222223        </div>
     
    235236         * @since 3.1.0
    236237         */
    237238        do_action( 'login_footer' ); ?>
    238         <div class="clear"></div>
    239239        </body>
    240240        </html>
    241241        <?php
     
    526526         */
    527527        do_action( 'lost_password' );
    528528
    529         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);
     529        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 );
    530530
    531531        $user_login = isset($_POST['user_login']) ? wp_unslash($_POST['user_login']) : '';
    532532
     
    612612        if ( ( ! $errors->get_error_code() ) && isset( $_POST['pass1'] ) && !empty( $_POST['pass1'] ) ) {
    613613                reset_password($user, $_POST['pass1']);
    614614                setcookie( $rp_cookie, ' ', time() - YEAR_IN_SECONDS, $rp_path, COOKIE_DOMAIN, is_ssl(), true );
    615                 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>' );
     615                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>' );
    616616                login_footer();
    617617                exit;
    618618        }
     
    620620        wp_enqueue_script('utils');
    621621        wp_enqueue_script('user-profile');
    622622
    623         login_header(__('Reset Password'), '<p class="message reset-pass">' . __('Enter your new password below.') . '</p>', $errors );
     623        login_header( __( 'Reset Password' ), '<div class="notice notice-info"><p>' . __( 'Enter your new password below.' ) . '</p></div>', $errors );
    624624
    625625?>
    626626<form name="resetpassform" id="resetpassform" action="<?php echo esc_url( network_site_url( 'wp-login.php?action=resetpass', 'login_post' ) ); ?>" method="post" autocomplete="off">
     
    637637
    638638        <div id="pass-strength-result" class="hide-if-no-js"><?php _e('Strength indicator'); ?></div>
    639639        <p class="description indicator-hint"><?php echo wp_get_password_hint(); ?></p>
    640         <br class="clear" />
    641640
    642641        <?php
    643642        /**
     
    709708         * @param string $registration_redirect The redirect destination URL.
    710709         */
    711710        $redirect_to = apply_filters( 'registration_redirect', $registration_redirect );
    712         login_header(__('Registration Form'), '<p class="message register">' . __('Register For This Site') . '</p>', $errors);
     711        login_header( __( 'Registration Form' ), '<div class="notice notice-info"><p>' . __( 'Register for this site.' ) . '</p></div>', $errors );
    713712?>
    714713
    715714<form name="registerform" id="registerform" action="<?php echo esc_url( site_url('wp-login.php?action=register', 'login_post') ); ?>" method="post" novalidate="novalidate">
     
    730729        do_action( 'register_form' );
    731730        ?>
    732731        <p id="reg_passmail"><?php _e('A password will be e-mailed to you.') ?></p>
    733         <br class="clear" />
    734732        <input type="hidden" name="redirect_to" value="<?php echo esc_attr( $redirect_to ); ?>" />
    735733        <p class="submit"><input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="<?php esc_attr_e('Register'); ?>" /></p>
    736734</form>
     
    737735
    738736<p id="nav">
    739737<a href="<?php echo esc_url( wp_login_url() ); ?>"><?php _e( 'Log in' ); ?></a> |
    740 <a href="<?php echo esc_url( wp_lostpassword_url() ); ?>" title="<?php esc_attr_e( 'Password Lost and Found' ) ?>"><?php _e( 'Lost your password?' ); ?></a>
     738<a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php _e( 'Lost your password?' ); ?></a>
    741739</p>
    742740
    743741<?php
     
    800798
    801799        if ( !is_wp_error($user) && !$reauth ) {
    802800                if ( $interim_login ) {
    803                         $message = '<p class="message">' . __('You have logged in successfully.') . '</p>';
     801                        $message = '<div class="notice notice-info"><p>' . __( 'You have logged in successfully.' ) . '</p></div>';
    804802                        $interim_login = 'success';
    805803                        login_header( '', $message ); ?>
    806804                        </div>
     
    914912                echo apply_filters( 'register', $registration_url ) . ' | ';
    915913        endif;
    916914        ?>
    917         <a href="<?php echo esc_url( wp_lostpassword_url() ); ?>" title="<?php esc_attr_e( 'Password Lost and Found' ); ?>"><?php _e( 'Lost your password?' ); ?></a>
     915        <a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php _e( 'Lost your password?' ); ?></a>
    918916<?php endif; ?>
    919917</p>
    920918<?php } ?>