Changeset 14064

Timestamp:

10/30/2024 06:12:37 PM (5 months ago)

Author:

imath

Message:

Register page input values display in invalid CSS state by default.

Update src/bp-templates/bp-nouveau/common-styles/_bp_forms.scss && grunt commit

Props vapvarun, upenwp12, espellcaste.

Fixes #8986

Location:

trunk/src/bp-templates/bp-nouveau

Files:

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

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

@@ -106 +106 @@
                 // FF adds red shadow on password inputs, remove!
                 box-shadow: none;
+                border-color: #d6d6d6;
                 border-width: 2px;
 
                 // IE Edge uses outline for invalid controls, remove
                 outline: 0;
-
-                // Sadly this does mean all inputs are considered to be
-                // invalid from page load & bordered.
-                &:invalid {
-                    border-color: $warn;
-                }
 
                 &:valid {

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

@@ -3640 +3640 @@
 .buddypress-wrap .standard-form select[required] {
     box-shadow: none;
+    border-color: #d6d6d6;
     border-width: 2px;
     outline: 0;
-}
-
-.buddypress-wrap .standard-form input[required]:invalid,
-.buddypress-wrap .standard-form textarea[required]:invalid,
-.buddypress-wrap .standard-form select[required]:invalid {
-    border-color: #b71717;
 }