Changeset 11775

Timestamp:

12/13/2017 10:50:41 AM (7 years ago)

Author:

hnla

Message:

Nouveau: Add ruleset to support signup BP checks for in use names/emails

Commit adds rule to ensure invalid submissions where username or email already exists are styled with the visual warning indicator.
This ensures that a technically valid input value styled on the CSS pseudo attribute as valid may be overwritten for a BP error response.

This supports recent changes to nouveau_signup_form to add classes on error return response in r11770

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• common-styles/_bp_forms.scss (modified) (2 diffs)
• css/buddypress-rtl.css (modified) (1 diff)
• css/buddypress.css (modified) (1 diff)

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

@@ -94 +94 @@
         }
 
-        // Manage browser pseudo class validation states
+        // Manage browser pseudo class validation states & static 'invalid' class
         input,
         textarea,
@@ -122 +122 @@
                     border-width: 1px;
                 }
+            }
+
+            // Class set when BP global signup errors exist.
+            // This needs to be stated after the  pseudo :valid
+            // as technically the input has a valid value.
+            &.invalid[required] {
+                border-color: $warn;
             }
         }

trunk/src/bp-templates/bp-nouveau/css/buddypress-rtl.css

@@ -3250 +3250 @@
 }
 
+.buddypress-wrap .standard-form input.invalid[required],
+.buddypress-wrap .standard-form textarea.invalid[required],
+.buddypress-wrap .standard-form select.invalid[required] {
+    border-color: #b71717;
+}
+
 .buddypress-wrap .standard-form input:not(.button-small),
 .buddypress-wrap .standard-form textarea {

trunk/src/bp-templates/bp-nouveau/css/buddypress.css

@@ -3250 +3250 @@
 }
 
+.buddypress-wrap .standard-form input.invalid[required],
+.buddypress-wrap .standard-form textarea.invalid[required],
+.buddypress-wrap .standard-form select.invalid[required] {
+    border-color: #b71717;
+}
+
 .buddypress-wrap .standard-form input:not(.button-small),
 .buddypress-wrap .standard-form textarea {