white lableing fix

fylein · Feb 13, 2024 · 5b455f6 · 5b455f6
1 parent 8a443bf
commit 5b455f6
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/...ared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html b/...ared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html
@@ -27,8 +27,8 @@
                     <ng-template pTemplate="filter" let-options="options">
                         <div class="p-inputgroup">
                             <div class="p-input-icon-left">
-                                <i class="pi pi-search"></i>
-                                <input type="text" class="!tw-h-32-px !tw-w-260-px" 
+                                <i class="pi pi-search" [ngClass]="{'!tw-text-search-focused-search-icon': isSearchFocused}"></i>
+                                <input type="text" class="!tw-h-32-px !tw-w-260-px" (focus)="isSearchFocused = true" (blur)="isSearchFocused = false"
                                 (keyup)="options.filter($event)" pInputText />
                             </div>
                         </div>

diff --git a/...ared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.scss b/...ared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.scss
@@ -69,12 +69,12 @@ td {
 
 :host ::ng-deep .p-datatable .p-datatable-tbody > tr > td {
     @apply tw-text-sub-text-color tw-text-14-px tw-font-400 tw-py-14-px tw-px-22-px tw-border-t tw-border-b-0 tw-border-t-box-color  #{!important};
-  }
+}
 
-  :host ::ng-deep .p-datatable .p-datatable-thead > tr > th {
+:host ::ng-deep .p-datatable .p-datatable-thead > tr > th {
     @apply tw-text-text-primary tw-text-12-px tw-font-500 tw-py-12-px tw-px-22-px tw-border tw-border-box-color tw-bg-disabled-bg-color #{!important}
-  }
+}
 
-  :host ::ng-deep .p-datatable .p-datatable-tbody > tr > td > button {
+:host ::ng-deep .p-datatable .p-datatable-tbody > tr > td > button {
     @apply tw-pl-48-px #{!important};
-  }
+}
diff --git a/...shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.ts b/...shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.ts
@@ -40,6 +40,8 @@ export class GenericMappingTableComponent implements OnInit {
 
   @Input() isDashboardMappingResolve: boolean;
 
+  isSearchFocused: boolean;
+
   readonly brandingFeatureConfig = brandingFeatureConfig;
 
   constructor(

diff --git a/src/styles.scss b/src/styles.scss
@@ -123,7 +123,7 @@ p {
 }
 
 .p-inputtext:enabled:focus-visible {
-    @apply tw-shadow-none tw-border-faded-text-color #{!important};
+    @apply tw-shadow-none tw-border-select-default-border #{!important};
 }
 
 // Tooltip