Changeset 12397 for trunk/src/bp-templates/bp-nouveau/common-styles/_bp_registration.scss

Timestamp:

05/18/2019 06:57:54 AM (5 years ago)

Author:

imath

Message:

BP Nouveau: use the same control than WP to set the user password

On the BuddyPress registration page and on the general settings user’s page, BP Nouveau is now using the same control WordPress is using to let users choose their password. By default it generates a strong password to make the user aware of the importance of its robustness. The user can still edit it and if the password is too weak, the submit button is disabled until the user activates the checkbox to force the use of a weak password.

Developers, please note the src/bp-templates/bp-nouveau/js/password-verify.js is now deprecated and will be deleted in version 6.0.0. If you were using the bp-nouveau-password-verify script handle as a dependency of your script(s), please stop doing so before the 6.0.0 release.

Fixes #8092

File:

• trunk/src/bp-templates/bp-nouveau/common-styles/_bp_registration.scss (modified) (3 diffs)

trunk/src/bp-templates/bp-nouveau/common-styles/_bp_registration.scss

@@ -52 +52 @@
         }
 
+        .wp-pwd button {
+            vertical-align: middle;
+        }
+
+        #pass1,
+        #pass1-text,
+        #pass-strength-result {
+            width: 10em;
+        }
+
+        #pass1 {
+            display: inline-block;
+            margin-bottom: inherit;
+        }
+
+        #pass1-text,
+        .pw-weak {
+            display: none;
+        }
+
+        .show-password {
+
+            #pass1-text {
+                display: inline-block;
+                margin-bottom: inherit;
+            }
+
+            #pass1 {
+                display: none;
+            }
+        }
+
+        .description.indicator-hint {
+
+            @include font-size(14);
+        }
+
+        #submit:disabled {
+            color: $light-text;
+            opacity: 0.4;
+        }
+
         .password-entry,
         .password-entry-confirm {
@@ -59 +101 @@
 
 } // close .register-page
+
+body.buddypress.register.js {
+
+    .user-pass2-wrap {
+        display: none;
+    }
+}
+
+body.buddypress.register.no-js {
+
+    .wp-hide-pw {
+        display: none;
+    }
+}
 
 // Flex layout containers for registration sections
@@ -102 +158 @@
 
             .default-profile {
+                min-width: 14em;
                 flex: 1;
                 padding-right: $pad-med;