Passwords: New UI for install screen.

Also synchronises the use of `pw_weak` as an input name and removes trailing
periods from checkbox labels.

Props MikeHansenMe, adamsilverstein, obenland.
See #32589.



git-svn-id: https://develop.svn.wordpress.org/trunk@33246 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Konstantin Obenland
2015-07-13 22:21:39 +00:00
parent ce8944600a
commit 05c4803450
5 changed files with 105 additions and 38 deletions
+53 -21
View File
@@ -121,7 +121,6 @@ textarea {
.form-table td {
margin-bottom: 9px;
padding: 10px 20px 10px 0;
border-bottom: 8px solid #fff;
font-size: 14px;
vertical-align: top
}
@@ -171,7 +170,7 @@ submit {
.form-table.install-success td {
vertical-align: middle;
padding: 16px 20px 10px 0;
padding: 16px 20px 16px 0;
}
.form-table.install-success td p {
@@ -198,36 +197,64 @@ submit {
font-family: Consolas, Monaco, monospace;
}
.wp-hide-pw > .dashicons {
line-height: inherit;
}
#pass-strength-result {
background-color: #eee;
border-color: #ddd !important;
border-style: solid;
border-width: 1px;
margin: 5px 5px 5px 0;
padding: 5px;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
padding: 3px 5px;
text-align: center;
width: 200px;
display: none;
}
#pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c !important;
}
#pass-strength-result.good {
background-color: #ffec8b;
border-color: #ffcc00 !important;
width: 218px;
}
#pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040 !important;
border-color: #f04040;
opacity: 1;
}
#pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c;
opacity: 1;
}
#pass-strength-result.good {
background-color: #ffec8b;
border-color: #fc0;
opacity: 1;
}
#pass-strength-result.strong {
background-color: #c3ff88;
border-color: #8dff1c !important;
border-color: #8dff1c;
opacity: 1;
}
[name="admin_password"].short {
border-color: #f04040;
}
[name="admin_password"].bad {
border-color: #ff853c;
}
[name="admin_password"].good {
border-color: #fc0;
}
[name="admin_password"].strong {
border-color: #8dff1c;
}
.pw-weak {
display: none;
}
.message {
@@ -374,6 +401,11 @@ body.language-chooser {
vertical-align: top;
}
.button-secondary.hide-if-no-js,
.hide-if-no-js {
display: none;
}
/**
* HiDPI Displays
*/