From 05c4803450c982adfe3e2b6bd9e1e650a2b69d81 Mon Sep 17 00:00:00 2001 From: Konstantin Obenland Date: Mon, 13 Jul 2015 22:21:39 +0000 Subject: [PATCH] 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 --- src/wp-admin/css/install.css | 74 +++++++++++++++++++++++++---------- src/wp-admin/install.php | 54 ++++++++++++++++++++----- src/wp-admin/user-edit.php | 4 +- src/wp-admin/user-new.php | 6 +-- src/wp-includes/pluggable.php | 5 ++- 5 files changed, 105 insertions(+), 38 deletions(-) diff --git a/src/wp-admin/css/install.css b/src/wp-admin/css/install.css index 722228fe05..b87171720f 100644 --- a/src/wp-admin/css/install.css +++ b/src/wp-admin/css/install.css @@ -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 */ diff --git a/src/wp-admin/install.php b/src/wp-admin/install.php index 5efebee602..82818a4f13 100644 --- a/src/wp-admin/install.php +++ b/src/wp-admin/install.php @@ -71,7 +71,8 @@ function display_header( $body_classes = '' ) { <?php _e( 'WordPress › Installation' ); ?> @@ -128,16 +129,44 @@ function display_setup_form( $error = null ) { - + - -

+ - -

-
-

+ +
+ + + +
+
+

+ + + + + + + + + + + + + + @@ -148,10 +177,10 @@ function display_setup_form( $error = null ) { - + -

+

'submit' ) ); ?>

+ diff --git a/src/wp-admin/user-edit.php b/src/wp-admin/user-edit.php index 4476895d88..4b804b763e 100644 --- a/src/wp-admin/user-edit.php +++ b/src/wp-admin/user-edit.php @@ -483,8 +483,8 @@ if ( $show_password_fields ) : -