From fbfa45d23f1d5d52afd43483f486d394077bb412 Mon Sep 17 00:00:00 2001
From: Joshua Dinh <75056371+JoshuaHungDinh@users.noreply.github.com>
Date: Fri, 19 Apr 2024 03:08:25 +0900
Subject: [PATCH] Refactor: remove input border on focus (#7349)

---
 .../FormDesigns/ClassicFormDesign/css/_inputs.scss       | 4 ++++
 src/DonationForms/resources/styles/_base-overrides.scss  | 9 +++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/DonationForms/FormDesigns/ClassicFormDesign/css/_inputs.scss b/src/DonationForms/FormDesigns/ClassicFormDesign/css/_inputs.scss
index f3784a4d92..ca4856449c 100644
--- a/src/DonationForms/FormDesigns/ClassicFormDesign/css/_inputs.scss
+++ b/src/DonationForms/FormDesigns/ClassicFormDesign/css/_inputs.scss
@@ -66,6 +66,10 @@ textarea {
     &::placeholder {
         opacity: 0.6;
     }
+
+    &:focus {
+        border-color: transparent;
+    }
 }
 
 button[type="submit"] {
diff --git a/src/DonationForms/resources/styles/_base-overrides.scss b/src/DonationForms/resources/styles/_base-overrides.scss
index 5171fe61c7..ac95f16b19 100644
--- a/src/DonationForms/resources/styles/_base-overrides.scss
+++ b/src/DonationForms/resources/styles/_base-overrides.scss
@@ -77,3 +77,12 @@ label, fieldset {
 input[type="file"] {
     padding: 0;
 }
+
+input[type="text"]:not([name="amount"], [name="amount-custom"]),
+input[type="password"],
+input[type="email"],
+textarea {
+    &:focus {
+        border-color: transparent;
+    }
+}