la grille s'affiche en 7 colonnes même sur smartphone
This commit is contained in:
parent
716748a487
commit
59f14b0df3
@ -163,6 +163,27 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#calendar {
|
||||||
|
width: 100%;
|
||||||
|
overflow: scroll;
|
||||||
|
.grid {
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
|
||||||
|
min-width: 992px;
|
||||||
|
}
|
||||||
|
.grid.week-in-month {
|
||||||
|
grid-template-columns: 2.5em repeat(auto-fit, minmax(0%, 1fr));
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
.entete-semaine {
|
||||||
|
text-orientation: upright;
|
||||||
|
writing-mode: sideways-lr;
|
||||||
|
background: rgba(0, 137, 137, 0.2);
|
||||||
|
padding: 1em 0;
|
||||||
|
h2 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) {
|
@media only screen and (min-width: 992px) {
|
||||||
|
|
||||||
@ -182,19 +203,6 @@ footer {
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid.week-in-month {
|
|
||||||
grid-template-columns: 2.5em repeat(auto-fit, minmax(0%, 1fr));
|
|
||||||
margin-bottom: .5em;
|
|
||||||
}
|
|
||||||
.entete-semaine {
|
|
||||||
text-orientation: upright;
|
|
||||||
writing-mode: sideways-lr;
|
|
||||||
background: rgba(0, 137, 137, 0.2);
|
|
||||||
padding: 1em 0;
|
|
||||||
h2 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -52,12 +52,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div class="grid" id="calendar">
|
<div id="calendar">
|
||||||
{% for d in calendar.calendar_days_list %}
|
<div class="grid">
|
||||||
{% include "agenda_culturel/day-inc.html" with day=d fixed_style=calendar.all_in_past filter=filter %}
|
{% for d in calendar.calendar_days_list %}
|
||||||
{% endfor %}
|
{% include "agenda_culturel/day-inc.html" with day=d fixed_style=calendar.all_in_past filter=filter %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
{% if calendar.today_in_calendar %}
|
{% if calendar.today_in_calendar %}
|
||||||
<a role="button" href="{% url 'aujourdhui' %}?{{ filter.get_url }}">Aujourd'hui</a>
|
<a role="button" href="{% url 'aujourdhui' %}?{{ filter.get_url }}">Aujourd'hui</a>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user