5d77be3f0e
fix(SW-3144): Make hotel alert visible bydefault in mobile view on select-rate page * fix(SW-3144): Make hotel alert visible bydefault in mobile view on select-rate page * fix: spacing fix: show 'all ameneties' button without expanding text * Merge branch 'master' of bitbucket.org:scandic-swap/web into fix/SW-3144-prod-mobile-hotel-card-select-rate- Approved-by: Joakim Jäderberg
72 lines
1.0 KiB
CSS
72 lines
1.0 KiB
CSS
.hotelDescription {
|
|
overflow: hidden;
|
|
text-align: left;
|
|
}
|
|
|
|
.descriptionWrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Space-x2);
|
|
}
|
|
|
|
.collapsed {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.expanded {
|
|
display: block;
|
|
max-height: none;
|
|
}
|
|
|
|
.expandedContent {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.description {
|
|
display: flex;
|
|
gap: var(--Space-x025);
|
|
}
|
|
|
|
.showMoreButton {
|
|
display: flex;
|
|
background-color: transparent;
|
|
border-width: 0;
|
|
padding: 0;
|
|
color: var(--Text-Interactive-Secondary);
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
color: var(--Text-Interactive-Secondary-Hover);
|
|
}
|
|
}
|
|
|
|
.facilities {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Space-x15);
|
|
}
|
|
|
|
.facilityList {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
gap: var(--Space-x15);
|
|
}
|
|
|
|
.facilitiesItem {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--Space-x1);
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) {
|
|
.descriptionWrapper {
|
|
display: none;
|
|
}
|
|
}
|