Improve schedule usability

This commit is contained in:
Tobias 2018-11-27 18:26:09 +13:00
parent db3f28ddb2
commit fe43a26ca5
2 changed files with 60 additions and 46 deletions

View file

@ -34,8 +34,9 @@
</div>
<div class="schedule-page bg-secondary text-primary pt-4 pb-4 mb-0">
<div class="container">
<div class="tab-content">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="tab-content schedule-wrapper">
{% for section in sections %}
{% for timetable in section.days %}
<div
@ -60,6 +61,7 @@
</div>
</div>
</div>
</div>
{% endblock %}
{%block footer_class %}footer-no-margin{% endblock %}

View file

@ -631,6 +631,10 @@ hr {
@media screen {
.schedule-page {
@include media-breakpoint-only(lg) {
font-size: 0.8 * $font-size-base;
}
@include media-breakpoint-down(lg) {
.container {
max-width: 100%;
@ -679,3 +683,11 @@ div.talk-abstract {
border-left: 1px solid #0F7C11 !important;
}
}
@include media-breakpoint-up(xl) {
.schedule-wrapper {
width: 80%;
min-width: 1140px;
max-width: 3000px;
}
}