Print styles for schedule

This commit is contained in:
Tobias 2018-10-06 18:23:28 +13:00
parent cfef219d16
commit 30b5ae0610
2 changed files with 40 additions and 14 deletions

View file

@ -49,7 +49,7 @@
{% include "symposion/schedule/_grid.html" %} {% include "symposion/schedule/_grid.html" %}
{% endcache %} {% endcache %}
</div> </div>
<div class="hidden-md-up"> <div class="mobile-schedule">
{% cache 180 cache-schedule-mobile timetable.day.date %} {% cache 180 cache-schedule-mobile timetable.day.date %}
{% include "symposion/schedule/_mobile.html" %} {% include "symposion/schedule/_mobile.html" %}
{% endcache %} {% endcache %}

View file

@ -576,6 +576,30 @@ hr {
footer { footer {
display: none !important; display: none !important;
} }
.schedule-page {
.mobile-schedule {
display: none !important;
}
@include media-breakpoint-down(lg) {
.container {
max-width: 100%;
}
}
@include media-breakpoint-down(md) {
.hidden-md-down {
display: initial;
}
}
@include media-breakpoint-up(lg) {
.hidden-md-down {
display: initial;
}
}
}
} }
.card-group.key-dates { .card-group.key-dates {
@ -610,22 +634,24 @@ hr {
} }
.schedule-page { @media screen {
@include media-breakpoint-down(lg) { .schedule-page {
.container { @include media-breakpoint-down(lg) {
max-width: 100%; .container {
max-width: 100%;
}
} }
}
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
.hidden-md-down { .hidden-md-down {
display: none !important; display: none !important;
}
} }
}
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
.hidden-md-up { .mobile-schedule {
display: none !important; display: none !important;
}
} }
} }
} }