Merged in feat/SW-2847-table (pull request #2665)

fix(SW-2847): move ScrollWrapper to design system and Table component

* fix(SW-2847): move ScrollWrapper to design system and Table component


Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Landström
2025-08-20 09:41:54 +00:00
parent 7891ae3ae6
commit fe376c63f7
9 changed files with 58 additions and 66 deletions
@@ -14,16 +14,16 @@
}
.tr:not(:last-of-type) {
border-bottom: 1px solid var(--Base-Border-Subtle);
border-bottom: 1px solid var(--Border-Default);
}
.th {
padding: var(--Spacing-x2);
padding: var(--Space-x2);
text-align: left;
}
.td {
padding: var(--Spacing-x2);
padding: var(--Space-x2);
}
.fixed {
@@ -41,26 +41,26 @@
}
.content .thead {
background-color: var(--Base-Surface-Subtle-Hover);
background-color: var(--Surface-Secondary-Hover);
}
.content .tbody {
background-color: var(--Background-Primary);
background-color: var(--Surface-Primary-OnSurface-Default);
}
.content.striped .tbody .tr:nth-child(odd) {
background-color: var(--Base-Surface-Subtle-Normal);
background-color: var(--Surface-Secondary-Default);
}
.content.striped .tbody .tr:nth-child(even) {
background-color: var(--Background-Primary);
background-color: var(--Surface-Primary-OnSurface-Default);
}
@media screen and (min-width: 768px) {
.th {
padding: var(--Spacing-x2) var(--Spacing-x3);
padding: var(--Space-x2) var(--Space-x3);
}
.td {
padding: var(--Spacing-x3);
padding: var(--Space-x3);
}
}