diff --git a/pinaxcon/templates/symposion/schedule/schedule_conference.html b/pinaxcon/templates/symposion/schedule/schedule_conference.html index 8b74918a..14a21b34 100644 --- a/pinaxcon/templates/symposion/schedule/schedule_conference.html +++ b/pinaxcon/templates/symposion/schedule/schedule_conference.html @@ -49,7 +49,7 @@ {% include "symposion/schedule/_grid.html" %} {% endcache %} -
+
{% cache 180 cache-schedule-mobile timetable.day.date %} {% include "symposion/schedule/_mobile.html" %} {% endcache %} diff --git a/static/src/scss/app.scss b/static/src/scss/app.scss index 278efa31..d52290e3 100644 --- a/static/src/scss/app.scss +++ b/static/src/scss/app.scss @@ -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; + } } } -} \ No newline at end of file +}