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

Fix padding for schedule

Browse source 
Add column to layout so mobile has padding. Use container to wrap schedule so padding and
centred table applies to all views.
This commit is contained in:
Joel Addison 2019-01-21 15:50:54 +13:00 committed by Tobias
parent d718343cde
commit c8b912bfec
2 changed files with 16 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -57,22 +57,24 @@
</div>
<div class="schedule-page bg-secondary text-primary pt-4 pb-4 mb-0">
<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 class="tab-pane fade {% if timetable.day.date|date:'Y-m-d' == '2019-01-23' %}show active{% endif %}" id="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}"
role="tabpanel" aria-labelledby="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}-tab">
<div class="table-responsive hidden-md-down">
{% include "symposion/schedule/_grid.html" %}
</div>
<div class="mobile-schedule">
{% include "symposion/schedule/_mobile.html" %}
<div class="container">
<div class="row">
<div class="col">
<div class="tab-content">
{% for section in sections %}
{% for timetable in section.days %}
<div class="tab-pane fade {% if timetable.day.date|date:'Y-m-d' == '2019-01-23' %}show active{% endif %}" id="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}"
role="tabpanel" aria-labelledby="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}-tab">
<div class="table-responsive hidden-md-down">
{% include "symposion/schedule/_grid.html" %}
</div>
<div class="mobile-schedule">
{% include "symposion/schedule/_mobile.html" %}
</div>
</div>
{% endfor %}
{% endfor %}
</div>
{% endfor %}
{% endfor %}
</div>
</div>
</div>

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

@ -713,14 +713,6 @@ div.talk-abstract {
}
}
@include media-breakpoint-up(xl) {
.schedule-wrapper {
width: 80%;
min-width: 1140px;
max-width: 3000px;
}
}
@include media-breakpoint-up(sm) {
div.footer-center {
text-align: center;