WordPress.org

Make WordPress Core

Ticket #30685: 30685.2.patch

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

     
    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 {
     
    3535        outline: 0;
    3636}
    3737
     38.notice a {
     39        color: #0073aa;
     40        text-decoration: underline;
     41}
     42
    3843a:hover,
    3944a:active {
    4045        color: #00a0d2;
     
    5863        line-height: 1.5;
    5964}
    6065
    61 .login .message {
    62         border-left: 4px solid #00a0d2;
    63         padding: 1px 12px;
    64         background-color: #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);
     66#login_error,
     67.login .notice {
     68        background: #fff;
     69        -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
     70        box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
     71        margin: 20px 0;
     72        padding: 0;
    6773}
    6874
    69 .login #login_error {
     75.login .notice {
     76        padding: 12px;
     77}
     78
     79.login .notice-info {
     80        border-left: 4px solid #2ea2cc;
     81}
     82
     83.login .notice-error {
    7084        border-left: 4px solid #dd3d36;
    71         background: #fff;
    72         -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    73         box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    7485}
    7586
    76 #loginform p.submit,
    77 .login-action-lostpassword p.submit {
    78         border: none;
    79         margin: -10px 0 20px; /* May want to revisit this */
     87.login .login-error-list {
     88        list-style: none;
     89        margin: 0;
     90        padding: 0;
    8091}
    8192
    82 .login * {
     93.login .login-error-list .notice {
     94        margin: 1px 0;
     95}
     96
     97.notice p {
    8398        margin: 0;
    8499        padding: 0;
    85100}
    86101
    87102.login form {
    88         margin-top: 20px;
    89         margin-left: 0;
     103        margin: 20px 0 24px;
    90104        padding: 26px 24px 46px;
    91         font-weight: normal;
    92105        overflow: hidden;
    93106        background: #fff;
    94107        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     
    95108        box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    96109}
    97110
    98 .login form .forgetmenot {
    99         font-weight: normal;
     111.login .forgetmenot {
    100112        float: left;
    101         margin-bottom: 0;
    102113}
    103114
    104115.login .button-primary {
     
    106117}
    107118
    108119#login form p {
    109         margin-bottom: 0;
     120        margin: 0;
    110121}
    111122
    112 #login form p.submit {
     123#login #reg_passmail,
     124#login .description.indicator-hint {
     125        margin-bottom: 18px;
     126}
     127
     128#login .submit {
    113129        margin: 0;
    114130        padding: 0;
    115131}
     
    119135        font-size: 14px;
    120136}
    121137
    122 .login form .forgetmenot label {
     138.login .forgetmenot label {
    123139        font-size: 12px;
    124140        line-height: 19px;
    125141}
    126142
    127143.login h1 {
    128         text-align: center;
     144        margin: 0;
     145        text-align: left;
    129146}
    130147
    131148.login h1 a {
     
    135152        background-size: 84px;
    136153        background-position: center top;
    137154        background-repeat: no-repeat;
    138         color: #999;
     155        color: #6e6e6e;
    139156        height: 84px;
    140157        font-size: 20px;
    141158        font-weight: normal;
    142159        line-height: 1.3em;
    143160        margin: 0 auto 25px;
    144         padding: 0;
    145161        text-decoration: none;
    146162        width: 84px;
    147163        text-indent: -9999px;
    148         outline: none;
    149164        overflow: hidden;
    150165        display: block;
     166        -webkit-box-shadow: none;
     167        box-shadow: none;
    151168}
    152169
    153170#login {
     
    156173        margin: auto;
    157174}
    158175
    159 #login_error,
    160 .login .message {
    161         margin-left: 0;
    162         padding: 12px;
    163 }
    164 
    165 .login #nav,
    166 .login #backtoblog {
    167         font-size: 13px;
     176#nav,
     177#backtoblog {
    168178        padding: 0 24px 0;
    169179}
    170180
    171 .login #nav {
    172         margin: 24px 0 0 0;
    173 }
    174 
    175181#backtoblog {
    176182        margin: 16px 0 0 0;
    177183}
     
    202208        margin: 2px 6px 16px 0;
    203209}
    204210
    205 .login form .input,
    206 .login input[type="text"],
    207 .login form input[type="checkbox"] {
     211.login input {
    208212        background: #fbfbfb;
    209213}
    210214
    211 .ie7 .login form .input,
    212 .ie8 .login form .input {
     215.ie7 .login .input,
     216.ie8 .login .input {
    213217        font-family: sans-serif;
    214218}
    215219
    216 .login #pass-strength-result {
     220#pass-strength-result {
    217221        width: 250px;
    218222        font-weight: 600;
    219223        margin: 12px 0 6px;
    220224        padding: 6px 5px;
    221         text-align: center;
    222225}
    223226
    224227.mobile #login {
     
    225228        padding: 20px 0;
    226229}
    227230
    228 .mobile #login form,
    229 .mobile #login .message,
    230 .mobile #login_error {
    231         margin-left: 0;
    232 }
    233 
    234 .mobile #login #nav,
    235 .mobile #login #backtoblog {
    236         margin-left: 8px;
    237 }
    238 
    239231body.interim-login {
    240232        height: auto;
    241233}
     
    249241        width: auto;
    250242}
    251243
    252 .interim-login #login_error,
    253 .interim-login.login .message {
    254         margin: 0 0 16px;
    255 }
    256 
    257244.interim-login.login form {
    258245        margin: 0;
    259246}
     
    269256        }
    270257
    271258        .interim-login input[type=checkbox]:checked:before {
    272                 width: 16px;
    273259                font: normal 21px/1 'dashicons';
    274                 margin: -3px 0 0 -4px;
     260                margin-left: -4px;
    275261        }
    276262}
  • 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                $( 'body' ).addClass( 'modal-open' );
  • 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
     
    552552         */
    553553        do_action( 'lost_password' );
    554554
    555         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);
     555        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 );
    556556
    557557        $user_login = isset($_POST['user_login']) ? wp_unslash($_POST['user_login']) : '';
    558558
     
    638638        if ( ( ! $errors->get_error_code() ) && isset( $_POST['pass1'] ) && !empty( $_POST['pass1'] ) ) {
    639639                reset_password($user, $_POST['pass1']);
    640640                setcookie( $rp_cookie, ' ', time() - YEAR_IN_SECONDS, $rp_path, COOKIE_DOMAIN, is_ssl(), true );
    641                 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>' );
     641                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>' );
    642642                login_footer();
    643643                exit;
    644644        }
     
    646646        wp_enqueue_script('utils');
    647647        wp_enqueue_script('user-profile');
    648648
    649         login_header(__('Reset Password'), '<p class="message reset-pass">' . __('Enter your new password below.') . '</p>', $errors );
     649        login_header( __( 'Reset Password' ), '<div class="notice notice-info"><p>' . __( 'Enter your new password below.' ) . '</p></div>', $errors );
    650650
    651651?>
    652652<form name="resetpassform" id="resetpassform" action="<?php echo esc_url( network_site_url( 'wp-login.php?action=resetpass', 'login_post' ) ); ?>" method="post" autocomplete="off">
     
    665665
    666666        <div id="pass-strength-result" class="hide-if-no-js"><?php _e('Strength indicator'); ?></div>
    667667        <p class="description indicator-hint"><?php echo wp_get_password_hint(); ?></p>
    668         <br class="clear" />
    669668
    670669        <?php
    671670        /**
     
    737736         * @param string $registration_redirect The redirect destination URL.
    738737         */
    739738        $redirect_to = apply_filters( 'registration_redirect', $registration_redirect );
    740         login_header(__('Registration Form'), '<p class="message register">' . __('Register For This Site') . '</p>', $errors);
     739        login_header( __( 'Registration Form' ), '<div class="notice notice-info"><p>' . __( 'Register for this site.' ) . '</p></div>', $errors );
    741740?>
    742741
    743742<form name="registerform" id="registerform" action="<?php echo esc_url( site_url('wp-login.php?action=register', 'login_post') ); ?>" method="post" novalidate="novalidate">
     
    758757        do_action( 'register_form' );
    759758        ?>
    760759        <p id="reg_passmail"><?php _e('A password will be e-mailed to you.') ?></p>
    761         <br class="clear" />
    762760        <input type="hidden" name="redirect_to" value="<?php echo esc_attr( $redirect_to ); ?>" />
    763761        <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>
    764762</form>
     
    765763
    766764<p id="nav">
    767765<a href="<?php echo esc_url( wp_login_url() ); ?>"><?php _e( 'Log in' ); ?></a> |
    768 <a href="<?php echo esc_url( wp_lostpassword_url() ); ?>" title="<?php esc_attr_e( 'Password Lost and Found' ) ?>"><?php _e( 'Lost your password?' ); ?></a>
     766<a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php _e( 'Lost your password?' ); ?></a>
    769767</p>
    770768
    771769<?php
     
    828826
    829827        if ( !is_wp_error($user) && !$reauth ) {
    830828                if ( $interim_login ) {
    831                         $message = '<p class="message">' . __('You have logged in successfully.') . '</p>';
     829                        $message = '<div class="notice notice-info"><p>' . __( 'You have logged in successfully.' ) . '</p></div>';
    832830                        $interim_login = 'success';
    833831                        login_header( '', $message ); ?>
    834832                        </div>
     
    948946                echo apply_filters( 'register', $registration_url ) . ' | ';
    949947        endif;
    950948        ?>
    951         <a href="<?php echo esc_url( wp_lostpassword_url() ); ?>" title="<?php esc_attr_e( 'Password Lost and Found' ); ?>"><?php _e( 'Lost your password?' ); ?></a>
     949        <a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php _e( 'Lost your password?' ); ?></a>
    952950<?php endif; ?>
    953951</p>
    954952<?php } ?>