feat(reDesign): fix worklog table styles

johannesjo · Sep 22, 2019 · cc43aab · cc43aab
1 parent e8b4d1b
commit cc43aab
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/app/features/worklog/worklog.component.scss b/src/app/features/worklog/worklog.component.scss
@@ -90,10 +90,12 @@ $this-table-outer-padding-left-right: $s*6;
           &:first-child {
             padding-left: $this-table-outer-padding-left-right;
             text-align: left;
+            border-top-left-radius: $card-border-radius;
           }
 
           &:last-child {
             padding-right: $this-table-outer-padding-left-right;
+            border-top-right-radius: $card-border-radius;
 
             mat-icon {
               // prevent table recalculation on icon change
@@ -163,10 +165,23 @@ $this-table-outer-padding-left-right: $s*6;
   position: relative;
   z-index: 3;
 
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+
   > table {
     width: 100%;
     text-align: left;
     border-collapse: collapse;
+
+    // Overwrite default styles in table.scss
+    tr {
+      &:first-of-type {
+        th,
+        td {
+          border-top-width: 1px;
+        }
+      }
+    }
   }
 
   caption {

diff --git a/src/styles/components/table.scss b/src/styles/components/table.scss
@@ -95,14 +95,14 @@ div.material-table {
     &:first-of-type {
       th,
       td {
-        border-top: 0;
+        border-top-width: 0;
       }
     }
 
     &:last-of-type {
       th,
       td {
-        border-bottom: 0;
+        border-bottom-width: 0;
       }
     }
   }