From 50d9d06287bffe34e2554c8686fdcc358390938d Mon Sep 17 00:00:00 2001
From: Milan Chaudhary <109399375+MILAN88888@users.noreply.github.com>
Date: Wed, 2 Aug 2023 11:49:27 +0545
Subject: [PATCH] Tweak - Input box highlighting (#582)

---
 assets/css/user-registration.scss                      | 6 ++++++
 assets/js/frontend/user-registration-form-validator.js | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/assets/css/user-registration.scss b/assets/css/user-registration.scss
index 2da9c077c..d6d3dc314 100644
--- a/assets/css/user-registration.scss
+++ b/assets/css/user-registration.scss
@@ -139,6 +139,12 @@
 		content: "\f534";
 	}
 }
+.ur-input-border-green{
+	border-color: green !important;
+}
+.ur-input-border-red{
+	border-color: red !important;
+}
 
 .ur-frontend-form {
 	margin-bottom: 30px;
diff --git a/assets/js/frontend/user-registration-form-validator.js b/assets/js/frontend/user-registration-form-validator.js
index efc8d401b..1c3482570 100644
--- a/assets/js/frontend/user-registration-form-validator.js
+++ b/assets/js/frontend/user-registration-form-validator.js
@@ -236,11 +236,13 @@
 						var $element = $(element),
 							$parent = $element.closest(".form-row"),
 							inputName = $element.attr("name");
+							$element.removeClass('ur-input-border-green').addClass('ur-input-border-red');
 					},
 					unhighlight: function (element, errorClass, validClass) {
 						var $element = $(element),
 							$parent = $element.closest(".form-row"),
 							inputName = $element.attr("name");
+							$element.removeClass('ur-input-border-red').addClass('ur-input-border-green');
 
 						if (
 							$element.attr("type") === "radio" ||