c1: QA fixes | list views (#548)

fylein · Feb 13, 2024 · e3e5a58 · e3e5a58
1 parent 9b1162d
commit e3e5a58
Show file tree

Hide file tree

Showing 12 changed files with 16 additions and 120 deletions.
diff --git a/src/app/integrations/intacct/main/dashboard/dashboard.component.scss b/src/app/integrations/intacct/main/dashboard/dashboard.component.scss
@@ -47,18 +47,6 @@
     @apply tw-w-200-px tw-border-0 #{!important};
 }
 
-: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 {
-    @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 {
-    @apply tw-pl-48-px #{!important};
-}
-
 :host ::ng-deep .p-progressbar {
     @apply tw-h-1.5 tw-bg-progress-bar-bg #{!important};
 }

diff --git a/...grations/intacct/main/export-log/completed-export-log/completed-export-log.component.scss b/...grations/intacct/main/export-log/completed-export-log/completed-export-log.component.scss
@@ -35,18 +35,6 @@ input.custom-focus:focus {
     @apply tw-w-200-px tw-border-0 #{!important};
 }
 
-: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 {
-    @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 {
-    @apply tw-pl-48-px #{!important};
-}
-
 :host ::ng-deep .p-progressbar {
     @apply tw-h-1.5 tw-bg-progress-bar-bg #{!important};
 }

diff --git a/src/app/integrations/intacct/main/export-log/export-log.component.scss b/src/app/integrations/intacct/main/export-log/export-log.component.scss
@@ -29,18 +29,6 @@
     @apply tw-w-200-px tw-border-0 #{!important};
 }
 
-: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 {
-    @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 {
-    @apply tw-pl-48-px #{!important};
-}
-
 :host ::ng-deep .p-progressbar {
     @apply tw-h-1.5 tw-bg-progress-bar-bg #{!important};
 }

diff --git a/src/app/integrations/intacct/main/export-log/skip-export-log/skip-export-log.component.scss b/src/app/integrations/intacct/main/export-log/skip-export-log/skip-export-log.component.scss
@@ -29,18 +29,6 @@
     @apply tw-w-200-px tw-border-0 #{!important};
 }
 
-: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 {
-    @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 {
-    @apply tw-pl-48-px #{!important};
-}
-
 :host ::ng-deep .p-progressbar {
     @apply tw-h-1.5 tw-bg-progress-bar-bg #{!important};
 }

diff --git a/src/app/integrations/qbd/main/dashboard/dashboard.component.scss b/src/app/integrations/qbd/main/dashboard/dashboard.component.scss
@@ -2,19 +2,6 @@
     @apply tw-w-200-px tw-border-0 #{!important};
 }
 
-
-: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 {
-    @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 {
-    @apply tw-pl-48-px #{!important};
-}
-
 :host ::ng-deep .p-progressbar {
     @apply tw-h-1.5 tw-bg-progress-bar-bg #{!important};
 }

diff --git a/...hboard/dashboard-accounting-error-dialog/dashboard-accounting-error-dialog.component.scss b/...hboard/dashboard-accounting-error-dialog/dashboard-accounting-error-dialog.component.scss
@@ -1,15 +1,3 @@
-: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 {
-    @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 {
-    @apply tw-pl-48-px #{!important};
-}
-
 :host ::ng-deep .p-datepicker table td > span.p-highlight {
     @apply tw-text-white tw-bg-mandatory-field-color #{!important};
 }

diff --git a/src/app/shared/components/export-log/export-log-filter/export-log-filter.component.scss b/src/app/shared/components/export-log/export-log-filter/export-log-filter.component.scss
@@ -10,18 +10,6 @@
     @apply tw-w-200-px tw-border-0 #{!important};
 }
 
-: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 {
-    @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 {
-    @apply tw-pl-48-px #{!important};
-}
-
 :host ::ng-deep .selectedItem  .p-dropdown-trigger {
     @apply tw-hidden #{!important};
 }

diff --git a/src/app/shared/components/export-log/export-log-table/export-log-table.component.scss b/src/app/shared/components/export-log/export-log-table/export-log-table.component.scss
@@ -4,15 +4,3 @@
       @apply tw-bg-bg-info-lightest;
     }
 }
-
-: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 {
-  @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 {
-  @apply tw-pl-48-px #{!important};
-}
diff --git a/...ed/components/export-log/skipped-export-log-table/skipped-export-log-table.component.scss b/...ed/components/export-log/skipped-export-log-table/skipped-export-log-table.component.scss
@@ -1,11 +0,0 @@
-: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 {
-  @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 {
-  @apply tw-pl-48-px #{!important};
-}

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
@@ -66,15 +66,3 @@ td {
 :host ::ng-deep .tooltip-return {
     @apply tw-mt-6-px tw-px-4-px tw-py-4-px tw-text-9-px tw-rounded-md tw-bg-placeholder  #{!important}
 }
-
-: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 {
-    @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 {
-    @apply tw-pl-48-px #{!important};
-  }
diff --git a/src/assets/themes/fyle/fdl.scss b/src/assets/themes/fyle/fdl.scss
@@ -316,5 +316,13 @@
     --chips-border-color: var(--border-secondary);
 
     --chips-body-text-color: var(--text-tertiary);
+
+    --lv-table-default-bg: var(--bg-tertiary);
+
+    --lv-table-header-text-color: var(--text-secondary);
+
+    --lv-table-header-border-color: var(--border-secondary);
+
+    --lv-table-border-color: var(--border-tertiary);
   }
 }
diff --git a/src/styles.scss b/src/styles.scss
@@ -414,6 +414,14 @@ p {
     @apply tw-block #{!important};
 }
 
+.p-datatable .p-datatable-thead > tr > th {
+    @apply tw-text-lv-table-header-text-color tw-text-12-px tw-font-nav-link-font-weight tw-py-12-px tw-px-24-px tw-border tw-border-lv-table-header-border-color tw-bg-lv-table-default-bg #{!important}
+}
+
+.p-datatable .p-datatable-tbody > tr > td {
+    @apply tw-text-text-secondary tw-text-14-px tw-py-14-px tw-px-22-px tw-border-t tw-border-b-0 tw-border-t-lv-table-border-color #{!important};
+}
+
 .configuration {
     &--section {
       @apply tw-pb-100-px ;