Conservancy/symposion_app
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve schedule usability

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
pinaxcon/templates/symposion/schedule/schedule_conference.html
View file

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

12
static/src/scss/app.scss
View file

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