Update event details page

diff --git a/app/static/src/sass/global/_wysiwyg.scss b/app/static/src/sass/global/_wysiwyg.scss
index ab8705a09cc9c74b74e2b405544c3c72c2b7ea4f..ebb0bb89c0ae21fbc81153084f20a80e54a65174 100644 (file)
--- a/app/static/src/sass/global/_wysiwyg.scss
+++ b/app/static/src/sass/global/_wysiwyg.scss
@@ -166,7 +166,7 @@
 
     @include padding-left(1);
     @include margin-top(1.5);
-    border-left: 1px solid $color-black;
+    border-left: 1px solid $color-main;
 
     & + .wys-highlighted-paragraph {
 

diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss
index b99f1da0c00d5dca6a335a90a90332d8b95b5b31..f2c5736c960ffc8875400a32563139893ede04e0 100644 (file)
--- a/app/static/src/sass/modules/_page.scss
+++ b/app/static/src/sass/modules/_page.scss
@@ -23,7 +23,7 @@ $module: ".page";
 #{$module} {
 
     min-height: 500px;
-    @include margin-top(5);
+    @include margin-top(3);
 
     @include mq($until: sm) {
         min-height: 0;

diff --git a/app/static/src/sass/modules/_section-title.scss b/app/static/src/sass/modules/_section-title.scss
index 4c59094d40e96cd8625df96791d4e55d2ab7e5b9..fddf203dc63db4d1bf35db86d8c31228fe68d1b7 100644 (file)
--- a/app/static/src/sass/modules/_section-title.scss
+++ b/app/static/src/sass/modules/_section-title.scss
@@ -14,6 +14,23 @@ $module: ".section-title";
     @include margin-bottom(4);
     @include margin-top(0);
 
+    i {
+        display: inline-block;
+        @include margin-right(.5);
+        @include transition(all 0.5s ease-in-out);
+    }
+
+    a {
+        color: inherit;
+        @include transition(all 0.5s ease-in-out);
+        &:hover {
+            color: $color-main;
+            i {
+                @include transform(translateX(-50%));
+            }
+        }
+    }
+
     &--uppercase {
         text-transform: uppercase;
     }

diff --git a/app/static/src/sass/modules/boxes/_event-line-box.scss b/app/static/src/sass/modules/boxes/_event-line-box.scss
index 6eb2c5cdc21c6c11ebd2f69c6264f5e0b9552d05..e17a64766a7664dfd68732e24156398bc3de595d 100644 (file)
--- a/app/static/src/sass/modules/boxes/_event-line-box.scss
+++ b/app/static/src/sass/modules/boxes/_event-line-box.scss
@@ -68,6 +68,7 @@ $module: ".event-line-box";
         left: 0;
         height: 100%;
         width: 100%;
+        text-align: left;
 
         @include mq($until: sm) {
             position: static;

diff --git a/app/templates/agenda/event_detail.html b/app/templates/agenda/event_detail.html
index f6cb62e23c397c3a62e8aecdad5757f89b274464..df4d6e403416f48f29f2ee2137c9dea15e027005 100644 (file)
--- a/app/templates/agenda/event_detail.html
+++ b/app/templates/agenda/event_detail.html
@@ -20,29 +20,8 @@
 {% endblock %}
 
 {% block page_title %}
-    {% editable event.title %}
-        <h1 class="dotted">{{ event.title }}</h1>
-    {% endeditable %}
-    {% if event.sub_title %}
-        {% editable event.sub_title %}
-            <div class="chapo">
-                {{ event.sub_title }}
-            </div>
-        {% endeditable %}
-    {% endif %}
-{% endblock %}
-
-{% block page_tags %}
-    {% if event.departments.all.0 %}
-        <div class="tag dashed">
-          {{ event.departments.all.0.department.name }}
-        </div>
-    {% endif %}
-    {% if event.category %}
-        <div class="tag tag--category">
-            {{ event.category }}
-        </div>
-    {% endif %}
+    <h1 class="section-title section-title--uppercase section-title--main"><a href=""><i class="fsl fa fa-angle-left"></i>{% trans "Back to events" %}</a></h1>
+    {% include 'agenda/includes/event_linecard.html' %}
 {% endblock %}
 
 {% block breadcrumb_menu %}