Add/Remove the banner on mobile device on event list template

diff --git a/app/static/src/sass/global/_helpers.scss b/app/static/src/sass/global/_helpers.scss
index 5c1bdd218b63548798eff0c2bbce45ec71fa8a04..267f7da987b90ba85f3b845d9b4391a63b97093d 100755 (executable)
--- a/app/static/src/sass/global/_helpers.scss
+++ b/app/static/src/sass/global/_helpers.scss
@@ -216,3 +216,18 @@
         display: none !important;
     }
 }
+.hide-from-sm {
+    @include mq($from: sm) {
+        display: none !important;
+    }
+}
+.hide-until-sm {
+    @include mq($until: sm) {
+        display: none !important;
+    }
+}
+.fsl-until-sm {
+    @include mq($until: sm) {
+        @include font-size(l);
+    }
+}

diff --git a/app/templates/agenda/event_list.html b/app/templates/agenda/event_list.html
index ec42ce9cad2de5cc0258d6d8e008fecf313031c7..06e91534d5ada7ba03a3f640afdecd61f23ebf18 100644 (file)
--- a/app/templates/agenda/event_list.html
+++ b/app/templates/agenda/event_list.html
@@ -94,7 +94,7 @@
                     <div style="position: relative;" >
 
                         {% if tag and not tag|tag_is_excluded or not tag and not is_archive %}
-                        <a class="banner banner--light banner--sidebar" href="{% url 'event_list_tag' 'tournees' %}" style="background-image:url({% static 'img/services/tours.jpg' %});">
+                        <a class="banner banner--light banner--sidebar hide-until-sm" href="{% url 'event_list_tag' 'tournees' %}" style="background-image:url({% static 'img/services/tours.jpg' %});">
 
                             <div class="banner__content">
 
@@ -197,6 +197,20 @@
                                 {% include 'agenda/includes/event_linecard.html' %}
                             {% endfor %}
 
+                            {% if tag and not tag|tag_is_excluded or not tag and not is_archive %}
+                            <a class="banner banner--light banner--sidebar hide-from-sm" href="{% url 'event_list_tag' 'tournees' %}" style="background-image:url({% static 'img/services/tours.jpg' %});">
+
+                                <div class="banner__content">
+
+                                    <div class="banner__title fsxxxl">
+                                        Tournées {{ CURRENT_SEASON_STYLED }}
+                                    </div>
+
+                                </div>
+
+                            </a>
+                            {% endif %}
+
                         </div>
                     </div>