47abd7d5ef
fix(SW-2165): map navigate on enter press * fix(SW-2165): navigate on enter press and refactor * fix(SW-2165): responsive design * fix(SW-2165): replace spacing variables * fix(SW-2165): resolve pr comment * fix(SW-2165): remove isOpen, hide/show logic already handled * fix(SW-2165): remove dialog * fix(SW-2165): use buttonicon * fix(SW-2165): do not focus on close button without tab * fix(SW-2165): remove unneccessary css Approved-by: Christian Andolf
23 lines
518 B
CSS
23 lines
518 B
CSS
.hotelCardDialogListing {
|
|
display: flex;
|
|
gap: var(--Spacing-x1);
|
|
align-items: flex-end;
|
|
overflow-x: scroll;
|
|
|
|
scroll-snap-type: x proximity;
|
|
-webkit-overflow-scrolling: touch; /* Needed to work on iOS Safari */
|
|
padding-inline: var(--Spacing-x2);
|
|
scroll-padding-inline: var(--Spacing-x2);
|
|
overscroll-behavior-inline: contain;
|
|
|
|
scroll-behavior: smooth;
|
|
will-change: transform;
|
|
backface-visibility: hidden;
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
.hotelCard {
|
|
height: 100%;
|
|
scroll-snap-align: center;
|
|
}
|