Commit 0b548ca1 authored by gijs's avatar gijs

Styles for continuous events on mobile

parent 1bec6fd1
......@@ -870,6 +870,13 @@ p, h4 {
max-width: initial;
}
.loop .day .continuous-event {
display: flex;
flex-direction: row;
padding: 0 .5em;
margin: 1em 0;
}
.continuous-event figure {
/* float: left; */
}
......@@ -883,9 +890,21 @@ p, h4 {
max-width: 100px !important;
}
.loop-days .continuous-event .hour::before {
.loop-days .continuous-inline .hour {
font-family: 'Syne';
font-weight: 900;
margin: 1em .5em;
display: inline-block;
}
.loop-days .continuous-inline .hour::before {
content: "";
}
.continuous-inline {
margin-bottom: 3em;
}
}
@media screen and (max-width: 400px) {
......
......@@ -139,23 +139,23 @@
<h3 class="loop-day-date loop-day-date--inline">{{ day.date|date:"D j M" }}</h3>
{% if loop.continuous %}
<section class="continuous-inline">
{% if forloop.parent.counter <= 2 %}
<time class="hour">10:00 - 20:00</time>
{% else %}
<time class="hour">12:00 - 17:00</time>
{% endif %}
{% for event in loop.continuous %}
<article class="event continuous-event" data-pk="{{ event.pk }}">
{% if event.project|cover_image %}
{% with event.project|cover_image as image %}
<figure class="preview">
<a href="{% url 'contour:event' event.pk %}">
<img src="{% thumbnail image.image 500x75 %}">
</a>
</figure>
{% endwith %}
{% endif %}
<section class="event-data">
{% if event.project|cover_image %}
{% with event.project|cover_image as image %}
<figure class="preview">
<a href="{% url 'contour:event' event.pk %}">
<img src="{% thumbnail image.image 500x75 %}">
</a>
</figure>
{% endwith %}
{% endif %}
{% if forloop.parent.counter <= 2 %}
<time class="hour">10:00 - 20:00</time>
{% else %}
<time class="hour">12:00 - 17:00</time>
{% endif %}
<h4 class="title"><a href="{% url 'contour:event' event.pk %}">{{ event.project.title }}</a></h4>
<span class="type">{{ event.event_type }} </span>
<span class="venue">{% trans "at" %}&nbsp;<a href="{% url 'contour:venue' event.venue.pk %}">{{ event.venue }}</a></span>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment