8a53e97e5f
fix(SW-3325): show alert in hotel card mobile and left align text * fix(SW-3325): show alert in hotel card mobile and left align text Approved-by: Joakim Jäderberg
75 lines
1.1 KiB
CSS
75 lines
1.1 KiB
CSS
.hotelDescription {
|
|
overflow: hidden;
|
|
text-align: left;
|
|
}
|
|
|
|
.descriptionWrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.collapsed {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
margin: var(--Space-x15) 0;
|
|
}
|
|
|
|
.expanded {
|
|
display: block;
|
|
max-height: none;
|
|
margin: var(--Space-x15) 0;
|
|
}
|
|
|
|
.expandedContent {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
margin-top: var(--Space-x2);
|
|
}
|
|
|
|
.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);
|
|
align-items: center;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|