68cd061c6d
Feature/select rate vertical data flow * add fix from SW-2666 * use translations for room packages * move types to it's own file * Merge branch 'master' of bitbucket.org:scandic-swap/web into feature/select-rate-vertical-data-flow * merge * feature/select-rate: double rate for campaing rates * revert NODE_ENV check in Cookiebot script * revert testing values * fix(SW-3171): fix all filter selected in price details * fix(SW-3166): multiroom anchoring when changing filter * fix(SW-3172): check hotelType, show correct breakfast message * Merge branch 'feature/select-rate-vertical-data-flow' of bitbucket.org:scandic-swap/web into feature/select-rate-vertical-data-flow * fix: show special needs icons for subsequent roomTypes SW-3167 * fix: Display strike through text when logged in SW-3168 * fix: Reinstate the scrollToView behaviour when selecting a rate SW-3169 * merge * . * PR fixes * fix: don't return notFound() * . * always include defaults for room packages * merge * merge * merge * Remove floating h1 for new select-rate Approved-by: Anton Gunnarsson
123 lines
1.8 KiB
CSS
123 lines
1.8 KiB
CSS
@keyframes slideUp {
|
|
0% {
|
|
bottom: -100%;
|
|
}
|
|
|
|
100% {
|
|
bottom: 0%;
|
|
}
|
|
}
|
|
|
|
.summary {
|
|
align-items: center;
|
|
animation: slideUp 300ms ease forwards;
|
|
background-color: var(--Base-Surface-Primary-light-Normal);
|
|
border-top: 1px solid var(--Base-Border-Subtle);
|
|
bottom: -100%;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
z-index: 99;
|
|
}
|
|
|
|
.content {
|
|
display: none;
|
|
}
|
|
|
|
.summaryPriceContainer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--Spacing-x4);
|
|
padding-top: var(--Spacing-x2);
|
|
width: 100%;
|
|
}
|
|
|
|
.promoContainer {
|
|
display: none;
|
|
max-width: 264px;
|
|
}
|
|
|
|
.summaryPrice {
|
|
align-self: center;
|
|
display: flex;
|
|
width: 100%;
|
|
gap: var(--Spacing-x4);
|
|
}
|
|
|
|
.petInfo {
|
|
border-left: 1px solid var(--Primary-Light-On-Surface-Divider-subtle);
|
|
padding-left: var(--Spacing-x2);
|
|
display: none;
|
|
}
|
|
|
|
.summaryText {
|
|
display: none;
|
|
}
|
|
|
|
.summaryPriceTextDesktop {
|
|
align-self: center;
|
|
display: none;
|
|
}
|
|
|
|
.continueButton {
|
|
margin-left: auto;
|
|
height: fit-content;
|
|
width: 100%;
|
|
min-width: 140px;
|
|
}
|
|
|
|
.summaryPriceTextMobile {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mobileSummary {
|
|
display: block;
|
|
}
|
|
|
|
@media (min-width: 1367px) {
|
|
.summary {
|
|
border-top: 1px solid var(--Base-Border-Subtle);
|
|
padding: var(--Spacing-x3) 0 var(--Spacing-x5);
|
|
}
|
|
|
|
.content {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin: 0 auto;
|
|
max-width: var(--max-width-page);
|
|
width: 100%;
|
|
}
|
|
|
|
.petInfo,
|
|
.promoContainer,
|
|
.summaryPriceTextDesktop {
|
|
display: block;
|
|
}
|
|
|
|
.summaryText {
|
|
display: flex;
|
|
gap: var(--Spacing-x2);
|
|
}
|
|
|
|
.summaryPriceTextMobile {
|
|
display: none;
|
|
}
|
|
|
|
.summaryPrice,
|
|
.continueButton {
|
|
width: auto;
|
|
}
|
|
|
|
.summaryPriceContainer {
|
|
width: auto;
|
|
padding: 0;
|
|
align-items: center;
|
|
}
|
|
|
|
.mobileSummary {
|
|
display: none;
|
|
}
|
|
}
|