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

fix: make incomplete steps in accordion look disabled

Browse Source
This commit is contained in:
Christel Westerberg
2024-11-11 15:27:40 +01:00
parent daed74481e
commit 5e2d2abd17
10 changed files with 38 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/[lang]/(live)/(public)/hotelreservation/(standard)/[step]/enterDetailsLayout.css
View File

@@ -8,30 +8,32 @@
background-color: var(--Scandic-Brand-Warm-White);
}
.enter-details-layout__content {
.enter-details-layout__container {
display: grid;
gap: var(--Spacing-x3) var(--Spacing-x9);
margin: var(--Spacing-x3) var(--Spacing-x2) 0;
/* simulates padding on viewport smaller than --max-width-navigation */
width: min(
calc(100dvw - (var(--Spacing-x2) * 2)),
var(--max-width-navigation)
);
}
.enter-details-layout__content {
margin: var(--Spacing-x3) var(--Spacing-x2) 0;
}
.enter-details-layout__summaryContainer {
position: fixed;
z-index: 1;
position: sticky;
bottom: 0;
left: 0;
right: 0;
}
@media screen and (min-width: 1367px) {
.enter-details-layout__content {
.enter-details-layout__container {
grid-template-columns: 1fr 340px;
grid-template-rows: auto 1fr;
margin: var(--Spacing-x5) auto 0;
width: min(
calc(100dvw - (var(--Spacing-x2) * 2)),
var(--max-width-navigation)
);
}
.enter-details-layout__summaryContainer {