a0286603db
Feat(SW-1275) cancel booking my stay * feat(SW-1276) UI implementation Desktop part 1 for MyStay * feat(SW-1276) UI implementation Desktop part 2 for MyStay * feat(SW-1276) UI implementation Mobile part 1 for MyStay * refactor: move files from MyStay/MyStay to MyStay * feat(SW-1276) Sidepeek implementation * feat(SW-1276): Refactoring * feat(SW-1276) UI implementation Mobile part 2 for MyStay * feat(SW-1276): translations * feat(SW-1276) fixed skeleton * feat(SW-1276): Added missing translations * feat(SW-1276) fixed translations * feat(SW-1275) cancel modal * feat(SW-1275): Mutate cancel booking * feat(SW-1275) added translations * feat(SW-1275) match current cancellationReason * feat(SW-1275) Added modal for manage stay * feat(SW-1275) Added missing icon * feat(SW-1275) New Dont cancel button * feat(SW-1275) Added preperation for Cancellation number * feat(SW-1275): added --modal-box-shadow * feat(SW-1718) Add to calendar * feat(SW-1718) general add to calendar Approved-by: Niclas Edenvin
43 lines
790 B
CSS
43 lines
790 B
CSS
.actionPanel {
|
|
display: flex;
|
|
gap: var(--Spacing-x3);
|
|
padding: var(--Spacing-x3);
|
|
}
|
|
|
|
.menu {
|
|
width: 432px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Spacing-x2);
|
|
}
|
|
|
|
.actionPanel .menu .button {
|
|
width: 100%;
|
|
color: var(--Scandic-Brand-Burgundy);
|
|
justify-content: space-between !important;
|
|
padding: var(--Spacing-x1) 0 !important;
|
|
}
|
|
|
|
.info {
|
|
width: 256px;
|
|
background-color: var(--Base-Background-Primary-Normal);
|
|
padding: var(--Spacing-x3);
|
|
text-align: right;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Spacing-x2);
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.tag {
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
color: var(--Main-Red-60);
|
|
font-family: var(--typography-Caption-Labels-fontFamily);
|
|
}
|
|
|
|
.link {
|
|
margin-top: auto;
|
|
}
|