Fixes table styling bugs

bulhakovolexii · Feb 2, 2024 · 22c6d68 · 22c6d68
1 parent 21d9530
commit 22c6d68
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/docs/_sass/custom/custom.scss b/docs/_sass/custom/custom.scss
@@ -37,8 +37,8 @@ h4,
 }
 
 // Styling tables
-table {
-  outline: $border $table-background-color;
+.table-wrapper {
+  outline: $border $body-background-color;
   outline-offset: -3px;
 }
 
@@ -55,18 +55,21 @@ tbody {
     &:last-of-type {
       th,
       td {
-        border-bottom: $border $border-color;
+        border-bottom: $border rgba($border-color, 0.5);
       }
     }
   }
 }
 
 thead {
-  outline: $border $table-background-color;
-  outline-offset: -1px;
-  & th {
-    text-align: center !important;
-    box-shadow: 0px -2px $body-background-color, 2px 0px $body-background-color,
-      2px -2px $body-background-color, 0px 1px $border-color;
+  tr:first-of-type {
+    th:first-of-type {
+      border-left: 0;
+    }
+  }
+  th {
+    border-bottom: $border $border-color;
+    box-shadow: 2px -2px $body-background-color, 2px 0px $body-background-color,
+      0px -2px $body-background-color;
   }
 }