WordPress.org

Make WordPress Core

Ticket #48222: 48222.4.diff

File 48222.4.diff, 1.1 KB (added by sabernhardt, 5 weeks ago)

"fake input" option with border on container and larger input areas for login

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

     
    8888        width: 2.5rem;
    8989        height: 2.5rem;
    9090        min-width: 40px;
    91         min-height: 40px;
     91        min-height: 42px;
    9292        margin: 0;
    9393        padding: 5px 9px;
    9494        position: absolute;
     
    294294        max-height: none;
    295295}
    296296
     297.js.login form .input,
     298.js.login input[type="text"],
     299.js.login input[type="password"] {
     300        padding: 0.25rem 0.375rem;
     301}
     302
    297303.js.login input.password-input,
    298304.js.login-action-rp form .input,
    299305.js.login-action-rp input[type="text"] {
    300306        padding-right: 2.5rem;
     307        max-width: 230px;
     308        margin-bottom: 0;
     309        border-width: 0.0625rem;
     310        border-color: transparent;
    301311}
    302312
     313.js.login input.password-input:focus,
     314.js.login-action-rp form .input:focus,
     315.js.login-action-rp input[type="text"]:focus {
     316        border-color: #007cba;
     317}
     318
     319.js.login .wp-pwd,
     320.js.login-action-rp .wp-pwd {
     321        background: #fbfbfb;
     322        border: 1px solid #7e8993;
     323        border-radius: 4px;
     324        margin-bottom: 16px;
     325}
     326
    303327.login form .input,
    304328.login input[type="text"],
    305329.login form input[type="checkbox"] {