fix(datatable): simplified DataTable style rules

marekdedic · marekdedic · commit fe5ec1a9d86e · 2021-04-07T14:08:18.000+02:00
diff --git a/packages/svelte-materialify/src/components/DataTable/DataTableBody.scss b/packages/svelte-materialify/src/components/DataTable/DataTableBody.scss
@@ -1,7 +1,13 @@
 @import './variables';
 
 .s-tbl-body {
-  .s-tbl-row:hover {
-    background-color: $tbl-background-hover;
+  .s-tbl-row {
+    border-top-color: $tbl-border-color;
+    border-top-style: solid;
+    border-top-width: $tbl-border-width;
+
+    &:hover {
+      background-color: $tbl-background-hover;
+    }
   }
 }
diff --git a/packages/svelte-materialify/src/components/DataTable/DataTableCell.scss b/packages/svelte-materialify/src/components/DataTable/DataTableCell.scss
@@ -1,9 +1,16 @@
 .s-tbl-cell {
   padding-left: 16px;
   padding-right: 16px;
-  height: 52px;
 
   &.numeric {
     text-align: right;
   }
 }
+
+th.s-tbl-cell {
+  height: 56px;
+}
+
+td.s-tbl-cell {
+  height: 52px;
+}
diff --git a/packages/svelte-materialify/src/components/DataTable/DataTableHead.scss b/packages/svelte-materialify/src/components/DataTable/DataTableHead.scss
@@ -2,12 +2,4 @@
 
 .s-tbl-head {
   font-weight: map-get($font-weights, 'medium');
-
-  .s-tbl-row {
-    border-top-width: 0;
-  }
-
-  .s-tbl-cell {
-    height: 56px;
-  }
 }
diff --git a/packages/svelte-materialify/src/components/DataTable/DataTableRow.scss b/packages/svelte-materialify/src/components/DataTable/DataTableRow.scss
diff --git a/packages/svelte-materialify/src/components/DataTable/DataTableRow.svelte b/packages/svelte-materialify/src/components/DataTable/DataTableRow.svelte
@@ -3,9 +3,6 @@
   export { klass as class };
 </script>
 
-<style lang="scss" src="./DataTableRow.scss" global>
-</style>
-
 <tr class="s-tbl-row {klass}">
   <slot />
 </tr>
