Skip to content

Instantly share code, notes, and snippets.

@ethanhinson
Last active February 4, 2019 19:38
Show Gist options
  • Save ethanhinson/b93a8fde5cb88d11360074c29897b3a2 to your computer and use it in GitHub Desktop.
Save ethanhinson/b93a8fde5cb88d11360074c29897b3a2 to your computer and use it in GitHub Desktop.
Provide examples for how the Hub UI can be customized with CSS.
/**
* Style overrides to unset hidden descriptions.
* Be wary of mobile and pushing other content down the page when
* leaving the description open.
*/
.bt-details__description p {
max-height: none !important;
overflow: visible;
visibility: visible !important;
width: 100% !important;
height: auto !important;
clip: unset;
display: block !important;
}
.bt-details__description button,
.bt-details__description p::after {
display:none !important;
}
/**
* Hide prices on unavailable days.
*
* The following classes can be used to style calendar day stlyes.
* .CalendarDayContent
* .CalendarDayContent--open (available for stay, check in, or checkout)
* .CalendarDayContent--closed (closed - no action can be taken)
* .CalendarDayContent--in (open for arrival)
* .CalendarDayContent--out (open for departure)
*
* This rule will hide prices on calendars. You may also wish to tweak
* font sizes.
*
*/
.CalendarDayContent--closed .bt-day-price {
display:none;
}
/**
* Adjust the order of category values in the search filters
* using flexbox/order.
*/
li.Platinum.bt-category-filter {
order:1
}
li.Gold.bt-category-filter {
order:2
}
li.Silver.bt-category-filter {
order:3
}
li.Bronze.bt-category-filter {
order:4
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment