From 5777874bec3f179703e3baeb53216e568535d712 Mon Sep 17 00:00:00 2001
From: nisha <nisha@walkover.in>
Date: Fri, 4 Oct 2024 17:17:33 +0530
Subject: [PATCH 1/4] linked account design changes

---
 .../settings/integration/setting.integration.component.html | 6 +++---
 .../dropdown-field/dropdown-field.component.html            | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web-giddh/src/app/settings/integration/setting.integration.component.html b/apps/web-giddh/src/app/settings/integration/setting.integration.component.html
index ea993141fb0..28dda7e358c 100644
--- a/apps/web-giddh/src/app/settings/integration/setting.integration.component.html
+++ b/apps/web-giddh/src/app/settings/integration/setting.integration.component.html
@@ -459,7 +459,7 @@ <h3 class="mb-1">{{localeData?.payment?.permission_message}}</h3>
                                 class="account-wrapper"
                                 *ngFor="let bankAccount of connectedBankAccounts; trackBy: trackByAccountUniqueName"
                             >
-                                <div class="account-info-background width-100 font-15 row align-items-end">
+                                <div class="account-info-background width-100 font-15 row align-items-center">
                                     <div class="col-md-4">
                                         <span class="field-label">{{ bankAccount?.bankName }}</span
                                         ><br />
@@ -493,7 +493,7 @@ <h3 class="mb-1">{{localeData?.payment?.permission_message}}</h3>
                                             "
                                         ></dropdown-field>
                                     </div>
-                                    <span class="mr-l1 action-div" *ngIf="!isIciciBankSupportedCountry">
+                                    <ng-container *ngIf="!isIciciBankSupportedCountry">
                                         <a
                                             *ngIf="!isGocardlessSupportedCountry && hasIntegrationScope"
                                             href="javascript:;"
@@ -524,7 +524,7 @@ <h3 class="mb-1">{{localeData?.payment?.permission_message}}</h3>
                                                 </button>
                                             </mat-menu>
                                         </ng-container>
-                                    </span>
+                                    </ng-container>
                                     <div class="col-md-4 d-flex flex-column" *ngIf="isIciciBankSupportedCountry">
                                         <span class="field-label"
                                             >{{ localeData?.payment?.payment_updates }}<br
diff --git a/apps/web-giddh/src/app/theme/form-fields/dropdown-field/dropdown-field.component.html b/apps/web-giddh/src/app/theme/form-fields/dropdown-field/dropdown-field.component.html
index b75b79cf5e6..82272b14220 100644
--- a/apps/web-giddh/src/app/theme/form-fields/dropdown-field/dropdown-field.component.html
+++ b/apps/web-giddh/src/app/theme/form-fields/dropdown-field/dropdown-field.component.html
@@ -1,6 +1,6 @@
 <ng-container appTranslate (commonLocaleData)="commonLocaleData = $event">
     <div [ngClass]="{ 'readonly-field': readonly }">
-        <mat-form-field [ngClass]="{ 'mat-form-field-invalid': showError }" [appearance]="appearance" (click)="!readonly ? trigger?.openPanel() : trigger?.closePanel()">
+        <mat-form-field [ngClass]="{ 'mat-form-field-invalid': showError }" [appearance]="appearance" (click)="!readonly ? trigger?.openPanel() : trigger?.closePanel()" class="input-background">
             <mat-label>{{ label ? label : placeholder }}</mat-label>
             <input
                 type="text"

From 0e4b51ef1772a078681a4748c95cdc93c6753723 Mon Sep 17 00:00:00 2001
From: nisha <nisha@walkover.in>
Date: Sat, 5 Oct 2024 10:45:53 +0530
Subject: [PATCH 2/4] input & dropdown field background color add

---
 .../settings/integration/setting.integration.component.html    | 2 +-
 .../form-fields/dropdown-field/dropdown-field.component.html   | 2 +-
 apps/web-giddh/src/assets/css/global/input-dropdown-field.scss | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/web-giddh/src/app/settings/integration/setting.integration.component.html b/apps/web-giddh/src/app/settings/integration/setting.integration.component.html
index 28dda7e358c..8f06967caaa 100644
--- a/apps/web-giddh/src/app/settings/integration/setting.integration.component.html
+++ b/apps/web-giddh/src/app/settings/integration/setting.integration.component.html
@@ -503,7 +503,7 @@ <h3 class="mb-1">{{localeData?.payment?.permission_message}}</h3>
                                         <i
                                             *ngIf="isGocardlessSupportedCountry && hasIntegrationScope"
                                             (click)="deleteBankAccount(bankAccount)"
-                                            class="icon-trash ml-1 mr-r2 cursor-pointer"
+                                            class="icon-trash cursor-pointer"
                                         ></i>
                                         <ng-container *ngIf="bankAccount.reLoginRequired">
                                             <button
diff --git a/apps/web-giddh/src/app/theme/form-fields/dropdown-field/dropdown-field.component.html b/apps/web-giddh/src/app/theme/form-fields/dropdown-field/dropdown-field.component.html
index 82272b14220..b75b79cf5e6 100644
--- a/apps/web-giddh/src/app/theme/form-fields/dropdown-field/dropdown-field.component.html
+++ b/apps/web-giddh/src/app/theme/form-fields/dropdown-field/dropdown-field.component.html
@@ -1,6 +1,6 @@
 <ng-container appTranslate (commonLocaleData)="commonLocaleData = $event">
     <div [ngClass]="{ 'readonly-field': readonly }">
-        <mat-form-field [ngClass]="{ 'mat-form-field-invalid': showError }" [appearance]="appearance" (click)="!readonly ? trigger?.openPanel() : trigger?.closePanel()" class="input-background">
+        <mat-form-field [ngClass]="{ 'mat-form-field-invalid': showError }" [appearance]="appearance" (click)="!readonly ? trigger?.openPanel() : trigger?.closePanel()">
             <mat-label>{{ label ? label : placeholder }}</mat-label>
             <input
                 type="text"
diff --git a/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss b/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
index 9ea2394ea83..434f91a2778 100644
--- a/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
+++ b/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
@@ -16,6 +16,9 @@ report-filters,
     }
 
     .mat-mdc-form-field {
+        background-color: var(--color-white);
+        border-radius: 4px;
+
         .mat-mdc-text-field-wrapper {
             .mat-form-field-underline {
                 display: block !important;

From 15dfb84867e75ff4acf3cf2507f429abf03b1242 Mon Sep 17 00:00:00 2001
From: nisha <nisha@walkover.in>
Date: Sat, 5 Oct 2024 11:27:01 +0530
Subject: [PATCH 3/4] dropdown field hover change

---
 apps/web-giddh/src/assets/css/global/input-dropdown-field.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss b/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
index 434f91a2778..db0b8198e58 100644
--- a/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
+++ b/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
@@ -19,6 +19,9 @@ report-filters,
         background-color: var(--color-white);
         border-radius: 4px;
 
+        &:hover {
+            background-color: var(--color-white);
+        }
         .mat-mdc-text-field-wrapper {
             .mat-form-field-underline {
                 display: block !important;

From 761c9286ec67d88b497be6ab8a63741eb32cd8f5 Mon Sep 17 00:00:00 2001
From: nisha <nisha@walkover.in>
Date: Sat, 5 Oct 2024 12:31:29 +0530
Subject: [PATCH 4/4] input field global change color

---
 .../src/assets/css/global/add-company.scss    |  4 --
 .../css/global/input-dropdown-field.scss      | 44 ++++++++-----------
 apps/web-giddh/src/assets/css/style-2.scss    | 13 ------
 3 files changed, 19 insertions(+), 42 deletions(-)

diff --git a/apps/web-giddh/src/assets/css/global/add-company.scss b/apps/web-giddh/src/assets/css/global/add-company.scss
index ded920d42e8..11dfd129a78 100644
--- a/apps/web-giddh/src/assets/css/global/add-company.scss
+++ b/apps/web-giddh/src/assets/css/global/add-company.scss
@@ -5,10 +5,6 @@
     .mat-mdc-form-field {
         background-color: var(--color-primary-input-bar-background) !important;
     }
-
-    .dropdown-bg {
-        background-color: transparent !important;
-    }
 }
 .create-company {
     .options-line {
diff --git a/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss b/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
index db0b8198e58..891326420bd 100644
--- a/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
+++ b/apps/web-giddh/src/assets/css/global/input-dropdown-field.scss
@@ -16,12 +16,9 @@ report-filters,
     }
 
     .mat-mdc-form-field {
-        background-color: var(--color-white);
+        background-color: var(--color-white) !important;
         border-radius: 4px;
 
-        &:hover {
-            background-color: var(--color-white);
-        }
         .mat-mdc-text-field-wrapper {
             .mat-form-field-underline {
                 display: block !important;
@@ -239,16 +236,8 @@ report-filters,
 }
 
 .mat-mdc-form-field {
-    &.mat-focused {
-        background-color: transparent;
-
-        .mat-text-field--focused {
-            background-color: transparent;
-        }
-    }
 
     &:hover {
-        background-color: transparent;
 
         .mat-mdc-form-field-focus-overlay {
             opacity: 0;
@@ -300,12 +289,6 @@ giddh-datepicker,
     }
 }
 
-.mdc-text-field--filled {
-    &:not(.mdc-text-field--disabled) {
-        background-color: transparent !important;
-    }
-}
-
 .mat-mdc-form-field-subscript-wrapper {
     display: none;
 }
@@ -399,13 +382,13 @@ add-company {
     }
 }
 
-.mat-mdc-option {
-    &:focus {
-        &.mdc-list-item {
-            background-color: transparent !important;
-        }
-    }
-}
+// .mat-mdc-option {
+//     &:focus {
+//         &.mdc-list-item {
+//             background-color: transparent !important;
+//         }
+//     }
+// }
 
 ngx-mat-select-search {
     .mat-select-search-inner {
@@ -662,4 +645,15 @@ input-field {
             }
         }
     }
+}
+
+.readonly-field {
+    .dropdown-bg {
+        display: none !important;
+    }
+
+    .mat-mdc-form-field,  
+    .mat-mdc-form-field input{
+        background-color: var(--color-primary-input-bar-background) !important;
+    }
 }
\ No newline at end of file
diff --git a/apps/web-giddh/src/assets/css/style-2.scss b/apps/web-giddh/src/assets/css/style-2.scss
index e1df4717083..e35fb3a535b 100644
--- a/apps/web-giddh/src/assets/css/style-2.scss
+++ b/apps/web-giddh/src/assets/css/style-2.scss
@@ -13400,19 +13400,6 @@ voucher-component {
 .custom-btn {
     color: var(--color-black);
 }
-.readonly-field {
-    .dropdown-bg {
-        display: none !important;
-    }
-
-    .mat-mdc-form-field {
-        background-color: var(--color-primary-input-bar-background) !important;
-    }
-
-    .dropdown-bg {
-        background-color: transparent !important;
-    }
-}
 
 .new-branch-transfer-page {
     .cdk-overlay-container {