scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update loyalty overview table ui

Browse Source
This commit is contained in:
Matilda Landström
2024-06-28 10:13:32 +02:00
parent 1c76725b4c
commit 1186511038
35 changed files with 433 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
View File

@@ -3,44 +3,26 @@
border-collapse: collapse;
background-color: var(--Scandic-Opacity-White-100);
border-radius: var(--Corner-radius-Medium);
color: var(--UI-Grey-100);
}
.iconRow {
border-bottom: none;
position: sticky;
top: 0;
z-index: 1;
.tr {
border-bottom: 1px solid var(--Base-Border-Subtle);
}
.verticalTableHeader {
width: 242px;
}
.iconTh {
padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x2);
background-color: #fff;
}
.summaryTh {
font-size: var(--typography-Caption-Regular-fontSize);
font-weight: 400;
padding: 0 var(--Spacing-x3) var(--Spacing-x2);
vertical-align: top;
.tr:last-child {
border: none;
}
.td {
border-top: 1px solid var(--Scandic-Beige-20);
border-bottom: 1px solid var(--Scandic-Beige-20);
font-size: var(--typography-Footnote-Regular-fontSize);
text-align: center;
}
.benefitTh {
border-top: 1px solid var(--Scandic-Beige-20);
border-bottom: 1px solid var(--Scandic-Beige-20);
padding: var(--Spacing-x3) var(--Spacing-x2);
font-size: var(--typography-Caption-Regular-fontSize);
font-weight: 400;
font-weight: var(--typography-Caption-Regular-fontWeight);
}
.details[open] .chevron {
@@ -58,12 +40,13 @@
margin: 0;
padding-top: var(--Spacing-x1);
text-align: start;
padding-right: calc(24px + var(--Spacing-x1));
padding-right: calc(var(--Spacing-x3) + var(--Spacing-x1));
}
.chevron {
display: flex;
align-self: start;
color: var(--UI-Grey-80);
}
.summary::-webkit-details-marker {