fix: thead tables' styles (#292)

diplodoc-platform · Aug 28, 2023 · b49eb50 · b49eb50
1 parent 73d843f
commit b49eb50
Showing 1 changed file with 15 additions and 28 deletions.
diff --git a/src/scss/_common.scss b/src/scss/_common.scss
@@ -156,37 +156,28 @@
         z-index: 1;
 
         box-sizing: border-box;
-        border-collapse: separate;
+        border: 1px solid $borderColor;
+        border-radius: 8px;
+        border-collapse: collapse;
         border-spacing: 0;
         background: $baseColor;
 
         thead, tr:nth-child(2n) {
             background-color: $tableRowBackgroundColor;
         }
 
-        tr:first-child td:first-child {
-            border-top-left-radius: $tableBorderRadius;
-        }
-
-        tr:first-child td:last-child {
-            border-top-right-radius: $tableBorderRadius;
-        }
-
-        tr:last-child td:first-child {
-            border-bottom-left-radius: $tableBorderRadius;
-        }
-
-        tr:last-child td:last-child {
-            border-bottom-right-radius: $tableBorderRadius;
+        tr:first-child {
+            td, th {
+                border-top: none;
+            }
         }
 
-        tr:first-child td {
-            border-top-style: solid;
+        tr:last-child {
+            td, th {
+                border-bottom: none;
+            }
         }
 
-        tr td:first-child {
-            border-left: 1px solid $borderColor;
-        }
 
         th, td {
             padding: 10px 20px;
@@ -201,15 +192,11 @@
             }
         }
 
-        th {
-            font-weight: 500;
-            text-align: left;
+        tr td:first-child, tr th:first-child {
+            border-left: none;
         }
-
-        td {
-            white-space: normal;
-            vertical-align: top;
-            border-style: none solid solid none;
+        tr td:last-child, tr th:last-child {
+            border-right: none;
         }
     }