1bd8fe6821
feat(SW-2879): Move BookingWidget to booking-flow package * Fix lockfile * Fix styling * a tiny little booking widget test * Tiny fixes * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Remove unused scripts * lint:fix * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Tiny lint fixes * update test * Update Input in booking-flow * Clean up comments etc * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Setup tracking context for booking-flow * Add missing use client * Fix temp tracking function * Pass booking to booking-widget * Remove comment * Add use client to booking widget tracking provider * Add use client to tracking functions * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Move debug page * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package Approved-by: Bianca Widstam
68 lines
1.4 KiB
CSS
68 lines
1.4 KiB
CSS
.complete,
|
|
.partial {
|
|
border: none;
|
|
align-items: center;
|
|
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
|
|
cursor: pointer;
|
|
display: grid;
|
|
gap: var(--Spacing-x-one-and-half);
|
|
padding: var(--Spacing-x2);
|
|
z-index: 1;
|
|
background-color: var(--Base-Surface-Primary-light-Normal);
|
|
width: 100%;
|
|
/* In some cases the lingering pressend event will trigger the */
|
|
/* webkit tap styling (but not triggering the buttons press event) */
|
|
/* To avoid this "flash" the styling is set to transparent) */
|
|
/* It is a non-standard css proprty, so shouldn't have too much of an effect on accessibility. */
|
|
-webkit-tap-highlight-color: transparent;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.complete {
|
|
grid-template-columns: 1fr 36px;
|
|
}
|
|
|
|
.partial {
|
|
grid-template-columns:
|
|
minmax(auto, 120px) min-content 1fr
|
|
auto;
|
|
}
|
|
|
|
.block {
|
|
display: block;
|
|
}
|
|
|
|
.block > * {
|
|
display: block;
|
|
text-align: start;
|
|
}
|
|
|
|
.blockLabel {
|
|
color: var(--Scandic-Red-Default);
|
|
}
|
|
|
|
.locationAndDate {
|
|
color: var(--Scandic-Grey-100);
|
|
}
|
|
|
|
.placeholder {
|
|
color: var(--Text-Interactive-Placeholder);
|
|
}
|
|
.icon {
|
|
align-items: center;
|
|
background-color: var(--Base-Button-Primary-Fill-Normal);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 36px;
|
|
justify-content: center;
|
|
justify-self: flex-end;
|
|
width: 36px;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.complete,
|
|
.partial {
|
|
display: none;
|
|
}
|
|
}
|