feat(#2162): add design tokens for table

GovAlta · Oct 23, 2024 · a4f3a32 · a4f3a32
1 parent b7220ca
commit a4f3a32
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/libs/web-components/src/assets/css/components.css b/libs/web-components/src/assets/css/components.css
@@ -56,10 +56,10 @@ goa-table[variant="relaxed"] td {
 
 goa-table thead th {
   background-color: var(--goa-color-greyscale-white);
-  color: var(--goa-color-text-secondary);
+  color: var(--goa-table-color-heading);
   padding: var(--goa-space-s) var(--goa-table-header-padding, var(--goa-space-m)) var(--goa-space-xs) var(--goa-table-header-padding, var(--goa-space-m));
   text-align: left;
-  border-bottom: 2px solid var(--goa-color-greyscale-600);
+  border-bottom: 2px solid var(--goa-table-color-border-heading);
   vertical-align: bottom;
   }
 

diff --git a/libs/web-components/src/components/table/Table.svelte b/libs/web-components/src/components/table/Table.svelte
@@ -126,7 +126,6 @@
   class={`goatable ${variant}`}
   class:sticky={_stickyHeader}
   style={`
-    overflow-x: auto;
     ${`width: ${width || "100%"};`}
     ${calculateMargin(mt, mr, mb, ml)}
   `}
@@ -150,4 +149,4 @@
   table {
     border-collapse: collapse;
   }
-</style>
+</style>