fix(VaDataTable): fix double border from head(#4147) (#4202)

* fix(VaDataTable): fix double border from head(#4147) * fix(data-table): remove thead box-shadow --------- Co-authored-by: Maksim Nedoshev <m0ksem1337@gmail.com>
epicmaxco · Apr 8, 2024 · f3ddfd2 · f3ddfd2
1 parent 37aac3a
commit f3ddfd2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/packages/ui/src/components/va-data-table/VaDataTable.vue b/packages/ui/src/components/va-data-table/VaDataTable.vue
@@ -456,7 +456,6 @@ const cellData = (cellData: DataTableCell, internalColumnData: DataTableColumnIn
 
       th {
         border-bottom: none;
-        box-shadow: var(--va-data-table-thead-border-bottom-shadow);
       }
 
       &--sticky {
@@ -477,11 +476,10 @@ const cellData = (cellData: DataTableCell, internalColumnData: DataTableColumnIn
 
     .va-data-table__table-tfoot {
       color: var(--va-data-table-tfoot-color);
-      border-top: var(--va-data-table-thead-border);
+      border-top: var(--va-data-table-tfoot-border, var(--va-data-table-thead-border));
 
       th {
         border-bottom: none;
-        box-shadow: var(--va-data-table-thead-border-top-shadow);
       }
 
       &--sticky {

diff --git a/packages/ui/src/components/va-data-table/_variables.scss b/packages/ui/src/components/va-data-table/_variables.scss
@@ -6,8 +6,7 @@
   --va-data-table-thead-text-transform: uppercase;
   --va-data-table-thead-letter-spacing: 0.6px;
   --va-data-table-thead-border: 1px solid var(--va-background-border);
-  --va-data-table-thead-border-top-shadow: inset 0 1px 0 0 var(--va-background-border);
-  --va-data-table-thead-border-bottom-shadow: inset 0 -1px 0 0 var(--va-background-border);
+  --va-data-table-tfoot-border: unset;
   --va-data-table-height: unset;
   --va-data-table-max-height: unset;
   --va-data-table-thead-color: currentColor;