a560f49c21
fix(SW-2629): add new design for mobile * fix(SW-2629): add new design for mobile * fix(SW-2629): remove redundant brackets * fix(SW-2629): pr comments * fix(SW-2629): hydration error Approved-by: Christian Andolf
76 lines
1.2 KiB
CSS
76 lines
1.2 KiB
CSS
.hotelDescription {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.descriptionWrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.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;
|
|
margin-top: var(--Space-x2);
|
|
}
|
|
|
|
.description {
|
|
display: flex;
|
|
gap: var(--Space-x025);
|
|
}
|
|
|
|
.showMoreButton {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
background-color: transparent;
|
|
border-width: 0;
|
|
padding: 0;
|
|
color: var(--Text-Interactive-Secondary);
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
color: var(--Text-Interactive-Hover-Secondary);
|
|
}
|
|
}
|
|
|
|
.facilities {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Space-x15);
|
|
align-items: center;
|
|
}
|
|
|
|
.facilityList {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
gap: var(--Space-x15);
|
|
padding-bottom: var(--Space-x2);
|
|
}
|
|
|
|
.facilitiesItem {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--Space-x1);
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) {
|
|
.descriptionWrapper {
|
|
display: none;
|
|
}
|
|
}
|