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

Timestamp:

12/01/2017 11:16:45 PM (8 years ago)

Author:

hnla

Message:

Nouveau: Re-factor password verify JS & styles ( registration screen )

Commit updates password-verify.js to correct switch statement removing 'short' for 'misnatch' on 'pwsL10n.mismatch' html.

Adds new class for all conditions met of 'show' to manage the display of hidden result element, this simplifies the style rulesets.

Updates password style mixins for additional param for color.

Adds new ruleset to handle .mismatch mixin include ( provisional alt styling ), adds border styles for password input fields.

Todo: Track down the red border outline of input controls when unfocussed, currently this alludes pinpointing to any styles or JS - possibly originating from WP js?

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

@@ -26 +26 @@
         // profile extra element wrapper
         .editfield {
-            border: 1px solid $bp-border-color;
-            margin: $marg-lrg 0;
-            padding: 5px;
+            margin: $marg-med 0;
 
             fieldset {
@@ -35 +33 @@
 
                 legend {
+                    margin: 0 0 5px;
                     text-indent: 0;
                 }
@@ -50 +49 @@
         #signup-avatar img {
             margin: 0 $marg-med $marg-sml 0;
+        }
+
+        .password-entry,
+        .password-entry-confirm {
+            border: 1px solid $bp-border-color;
         }
     } // close .signup-form