Changeset 45673 for trunk/src/wp-admin/css/install.css

Timestamp:

07/25/2019 07:10:33 PM (7 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.

File:

• trunk/src/wp-admin/css/install.css (modified) (3 diffs)

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

@@ -175 +175 @@
 .form-table input[type=email],
 .form-table input[type=url],
-.form-table input[type=password] {
-    width: 206px;
+.form-table input[type=password],
+#pass-strength-result {
+    width: 218px;
 }
 
@@ -211 +212 @@
 #error-page code, .code {
     font-family: Consolas, Monaco, monospace;
-}
-
-.wp-hide-pw > .dashicons {
-    line-height: inherit;
-}
-
-#pass-strength-result {
-    background-color: #eee;
-    border: 1px solid #ddd;
-    color: #23282d;
-    margin: -2px 5px 5px 0px;
-    padding: 3px 5px;
-    text-align: center;
-    width: 218px;
-    box-sizing: border-box;
-    opacity: 0;
-}
-
-#pass-strength-result.short {
-    background-color: #f1adad;
-    border-color: #e35b5b;
-    opacity: 1;
-}
-
-#pass-strength-result.bad {
-    background-color: #fbc5a9;
-    border-color: #f78b53;
-    opacity: 1;
-}
-
-#pass-strength-result.good {
-    background-color: #ffe399;
-    border-color: #ffc733;
-    opacity: 1;
-}
-
-#pass-strength-result.strong {
-    background-color: #c1e1b9;
-    border-color: #83c373;
-    opacity: 1;
-}
-
-#pass1.short, #pass1-text.short {
-    border-color: #e35b5b;
-}
-
-#pass1.bad, #pass1-text.bad {
-    border-color: #f78b53;
-}
-
-#pass1.good, #pass1-text.good {
-    border-color: #ffc733;
-}
-
-#pass1.strong, #pass1-text.strong {
-    border-color: #83c373;
-}
-
-.pw-weak {
-    display: none;
 }
 
@@ -290 +231 @@
 #pass2 {
     direction: ltr;
-}
-
-#pass1-text,
-.show-password #pass1 {
-    display: none;
-}
-
-.show-password #pass1-text
-{
-    display: inline-block;
-}
-
-.form-table span.description.important {
-    font-size: 12px;
 }