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" %}
{% endcache %}
</div>
<div class="hidden-md-up">
<div class="mobile-schedule">
{% cache 180 cache-schedule-mobile timetable.day.date %}
{% include "symposion/schedule/_mobile.html" %}
{% endcache %}

View file

@ -576,6 +576,30 @@ hr {
footer {
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 {
@ -610,22 +634,24 @@ hr {
}
.schedule-page {
@include media-breakpoint-down(lg) {
.container {
max-width: 100%;
@media screen {
.schedule-page {
@include media-breakpoint-down(lg) {
.container {
max-width: 100%;
}
}
}
@include media-breakpoint-down(md) {
.hidden-md-down {
display: none !important;
@include media-breakpoint-down(md) {
.hidden-md-down {
display: none !important;
}
}
}
@include media-breakpoint-up(lg) {
.hidden-md-up {
display: none !important;
@include media-breakpoint-up(lg) {
.mobile-schedule {
display: none !important;
}
}
}
}
}