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

fix(BOOK-699): Height of dialog now fits content with max-height

Browse Source 
Approved-by: Bianca Widstam
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2026-01-29 07:11:42 +00:00
parent 6d9cbad8bf
commit d9a20a224a
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css
View File

@@ -5,7 +5,6 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
align-items: center;
z-index: var(--default-modal-overlay-z-index); z-index: var(--default-modal-overlay-z-index);
} }
@@ -35,7 +34,8 @@
align-content: start; align-content: start;
padding: var(--Space-x4) var(--Space-x3); padding: var(--Space-x4) var(--Space-x3);
overflow-y: auto; overflow-y: auto;
height: min(calc(80dvh - 180px), 500px); height: max-content;
max-height: calc(80dvh - 180px);
} }
.alertWrapper:not(:empty) { .alertWrapper:not(:empty) {

3
packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css
View File

@@ -125,7 +125,8 @@
.modal { .modal {
left: 50%; left: 50%;
bottom: 50%; bottom: 50%;
height: min(80dvh, 680px); height: max-content;
max-height: 80dvh;
width: min(80dvw, 960px); width: min(80dvw, 960px);
translate: -50% 50%; translate: -50% 50%;
overflow-y: auto; overflow-y: auto;