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

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

@ -57,9 +57,10 @@
</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-fluid"> <div class="container">
<div class="row justify-content-center"> <div class="row">
<div class="tab-content schedule-wrapper"> <div class="col">
<div class="tab-content">
{% for section in sections %} {% for section in sections %}
{% for timetable in section.days %} {% 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}}" <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}}"
@ -77,6 +78,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}
{%block footer_class %}footer-no-margin{% endblock %} {%block footer_class %}footer-no-margin{% endblock %}

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) { @include media-breakpoint-up(sm) {
div.footer-center { div.footer-center {
text-align: center; text-align: center;