Improve schedule usability
This commit is contained in:
parent
db3f28ddb2
commit
fe43a26ca5
2 changed files with 60 additions and 46 deletions
|
@ -34,8 +34,9 @@
|
|||
</div>
|
||||
|
||||
<div class="schedule-page bg-secondary text-primary pt-4 pb-4 mb-0">
|
||||
<div class="container">
|
||||
<div class="tab-content">
|
||||
<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
|
||||
|
@ -60,6 +61,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{%block footer_class %}footer-no-margin{% endblock %}
|
||||
|
|
|
@ -631,6 +631,10 @@ hr {
|
|||
|
||||
@media screen {
|
||||
.schedule-page {
|
||||
@include media-breakpoint-only(lg) {
|
||||
font-size: 0.8 * $font-size-base;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(lg) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
|
@ -679,3 +683,11 @@ div.talk-abstract {
|
|||
border-left: 1px solid #0F7C11 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
.schedule-wrapper {
|
||||
width: 80%;
|
||||
min-width: 1140px;
|
||||
max-width: 3000px;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue