WordPress.org
Get WordPress

Make WordPress Core

Changeset 45673 for trunk


Ignore:
Timestamp:
07/25/2019 07:10:33 PM (5 years ago)
Author:
SergeyBiryukov
Message:

Upgrade/Install: Bring some consistency to installation screen styles.

  • Include forms.css and l10n.css, for consistency with login screen and other admin screens.
  • Remove redundant @import directives from login.css for files already declared as dependencies.
  • Adjust margin on password strength meter for consistency with other fields.
  • Increase font size for "You will need this password to log in" notice.
  • Fix misaligned icon on "Hide" button for the password.

Props iseulde, dan@…, bassgang, cdog, johnbillion, nmenescardi, mukesh27, SergeyBiryukov.
Fixes #35776, #47757, #47758.

Location:
trunk/src
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/forms.css

    r45464 r45673  
    465465    border: 1px solid #ddd;
    466466    color: #23282d;
    467     margin: -1px 0 5px;
     467    margin: -1px 1px 5px;
    468468    padding: 3px 5px;
    469469    text-align: center;
    … …  
    523523.wp-pwd [type="text"],
    524524.wp-pwd [type="password"] {
    525     margin: 0;
     525    margin-bottom: 0;
    526526    /* Same height as the buttons */
    527527    line-height: 20px;
    … …  
    541541.show-password #pass1-text {
    542542    display: inline-block;
    543 }
    544 
    545 .form-table span.description.important {
    546     font-size: 12px;
    547543}
    548544

  • trunk/src/wp-admin/css/install.css

    r45465 r45673  
    175175.form-table input[type=email],
    176176.form-table input[type=url],
    177 .form-table input[type=password] {
    178     width: 206px;
     177.form-table input[type=password],
     178#pass-strength-result {
     179    width: 218px;
    179180}
    180181
    … …  
    211212#error-page code, .code {
    212213    font-family: Consolas, Monaco, monospace;
    213 }
    214 
    215 .wp-hide-pw > .dashicons {
    216     line-height: inherit;
    217 }
    218 
    219 #pass-strength-result {
    220     background-color: #eee;
    221     border: 1px solid #ddd;
    222     color: #23282d;
    223     margin: -2px 5px 5px 0px;
    224     padding: 3px 5px;
    225     text-align: center;
    226     width: 218px;
    227     box-sizing: border-box;
    228     opacity: 0;
    229 }
    230 
    231 #pass-strength-result.short {
    232     background-color: #f1adad;
    233     border-color: #e35b5b;
    234     opacity: 1;
    235 }
    236 
    237 #pass-strength-result.bad {
    238     background-color: #fbc5a9;
    239     border-color: #f78b53;
    240     opacity: 1;
    241 }
    242 
    243 #pass-strength-result.good {
    244     background-color: #ffe399;
    245     border-color: #ffc733;
    246     opacity: 1;
    247 }
    248 
    249 #pass-strength-result.strong {
    250     background-color: #c1e1b9;
    251     border-color: #83c373;
    252     opacity: 1;
    253 }
    254 
    255 #pass1.short, #pass1-text.short {
    256     border-color: #e35b5b;
    257 }
    258 
    259 #pass1.bad, #pass1-text.bad {
    260     border-color: #f78b53;
    261 }
    262 
    263 #pass1.good, #pass1-text.good {
    264     border-color: #ffc733;
    265 }
    266 
    267 #pass1.strong, #pass1-text.strong {
    268     border-color: #83c373;
    269 }
    270 
    271 .pw-weak {
    272     display: none;
    273214}
    274215
    … …  
    290231#pass2 {
    291232    direction: ltr;
    292 }
    293 
    294 #pass1-text,
    295 .show-password #pass1 {
    296     display: none;
    297 }
    298 
    299 .show-password #pass1-text
    300 {
    301     display: inline-block;
    302 }
    303 
    304 .form-table span.description.important {
    305     font-size: 12px;
    306233}
    307234

  • trunk/src/wp-admin/css/login.css

    r45466 r45673  
    1 @import url(forms.css);
    2 @import url(l10n.css);
    3 
    41html,
    52body {

  • trunk/src/wp-admin/install.php

    r45583 r45673  
    7272    <meta name="robots" content="noindex,nofollow" />
    7373    <title><?php _e( 'WordPress &rsaquo; Installation' ); ?></title>
    74     <?php
    75         wp_admin_css( 'install', true );
    76         wp_admin_css( 'dashicons', true );
    77     ?>
     74    <?php wp_admin_css( 'install', true ); ?>
    7875</head>
    7976<body class="wp-core-ui<?php echo $body_classes; ?>">
    … …  
    143140            </th>
    144141            <td>
    145                 <div class="">
     142                <div class="wp-pwd">
    146143                    <?php $initial_password = isset( $_POST['admin_password'] ) ? stripslashes( $_POST['admin_password'] ) : wp_generate_password( 18 ); ?>
    147144                    <input type="password" name="admin_password" id="pass1" class="regular-text" autocomplete="off" data-reveal="1" data-pw="<?php echo esc_attr( $initial_password ); ?>" aria-describedby="pass-strength-result" />

  • trunk/src/wp-admin/maint/repair.php

    r44545 r45673  
    1919    <meta name="robots" content="noindex,nofollow" />
    2020    <title><?php _e( 'WordPress &rsaquo; Database Repair' ); ?></title>
    21     <?php
    22     wp_admin_css( 'install', true );
    23     ?>
     21    <?php wp_admin_css( 'install', true ); ?>
    2422</head>
    2523<body class="wp-core-ui">

  • trunk/src/wp-includes/script-loader.php

    r45593 r45673  
    19491949
    19501950    $styles->add( 'login', "/wp-admin/css/login$suffix.css", array( 'dashicons', 'buttons', 'forms', 'l10n' ) );
    1951     $styles->add( 'install', "/wp-admin/css/install$suffix.css", array( 'buttons' ) );
     1951    $styles->add( 'install', "/wp-admin/css/install$suffix.css", array( 'dashicons', 'buttons', 'forms', 'l10n' ) );
    19521952    $styles->add( 'wp-color-picker', "/wp-admin/css/color-picker$suffix.css" );
    19531953    $styles->add( 'customize-controls', "/wp-admin/css/customize-controls$suffix.css", array( 'wp-admin', 'colors', 'ie', 'imgareaselect' ) );
Note: See TracChangeset for help on using the changeset viewer.