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

Merged in fix/book-751-booking-widget-skeleton-fixes (pull request #3501)

Browse Source 
fix(BOOK-751): updated desktop booking widget loading skeleton

* fix(BOOK-751): updated desktop booking widget loading skeleton


Approved-by: Bianca Widstam
This commit is contained in:
Matilda Haneling
2026-01-28 15:24:28 +00:00
parent bae2ca288f
commit 7c3566855d
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/index.tsx
View File

@@ -259,7 +259,7 @@ export function SearchSkeleton() {
</Typography> </Typography>
</div> </div>
<div> <div>
<SkeletonShimmer width="100%" display="block" height="16px" /> <SkeletonShimmer width="100%" display="block" />
</div> </div>
</div> </div>
) )

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
View File

@@ -3,7 +3,7 @@
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-radius: var(--Corner-Radius-md); border-radius: var(--Corner-Radius-md);
padding: var(--Space-x15); padding: var(--Space-x1) var(--Space-x15);
position: relative; position: relative;
height: 60px; height: 60px;

10
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css
View File

@@ -57,9 +57,6 @@
.option { .option {
min-height: 56px; min-height: 56px;
} }
.skeletonContainer {
padding: var(--Space-x2) 0;
}
} }
@media screen and (min-width: 1367px) { @media screen and (min-width: 1367px) {
@@ -71,4 +68,11 @@
.option:hover { .option:hover {
cursor: not-allowed; cursor: not-allowed;
} }
.voucherSkeletonContainer {
min-width: 160px;
}
.skeletonContainer .option {
min-width: 160px;
}
} }