Add missing sponsor image class, cleanup event.

sfikrakow · Feb 11, 2021 · 3a12dc0 · 3a12dc0
1 parent a59f317
commit 3a12dc0
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 28 deletions.
diff --git a/agenda/templates/agenda/event.html b/agenda/templates/agenda/event.html
@@ -31,13 +31,18 @@
         </div>
     {% endif %}
     {% if page.sponsor %}
-        <div class="event-info">
+        <div class="event-info event-info-center">
             <div class="event-info__title">
                 {% trans 'Sponsor' %}
             </div>
             <div class="event-info__content">
-                <a href="{{ page.sponsor.link }}" rel="noreferrer noopener" target="_blank">
-                    {% responsive_img page.sponsor.logo 'max-500x100' 'nk-tu-wstawi-klase-css' %}
+                <a href="{{ page.sponsor.link }}" rel="noreferrer noopener" target="_blank"
+                   class="event-header_details_value event-header_details_value--link">
+                    {% if page.sponsor.logo %}
+                        {% responsive_img page.sponsor.logo 'max-500x100' 'event-header_details_value--image-link' %}
+                    {% else %}
+                        {{ page.sponsor.name }}
+                    {% endif %}
                 </a>
             </div>
         </div>
@@ -66,8 +71,10 @@
                 {% trans 'Recording' %}
             </div>
             <div class="event-info__content">
-                <div><a class="event-header_details_value event-header_details_value--link" href="{{ page.recording_link }}"
-                        rel="noreferrer noopener" target="_blank"><i class="fas fa-external-link-alt"></i> {{ page.recording_link|truncatechars:50 }}</a></div>
+                <div><a class="event-header_details_value event-header_details_value--link"
+                        href="{{ page.recording_link }}"
+                        rel="noreferrer noopener" target="_blank"><i
+                        class="fas fa-external-link-alt"></i> {{ page.recording_link|truncatechars:50 }}</a></div>
                 <div class="event-header_details_value--embed">
                     {% embed page.recording_link %}
                 </div>

diff --git a/agenda/templates/agenda/partials/event_header.html b/agenda/templates/agenda/partials/event_header.html
@@ -2,9 +2,6 @@
 {% load i18n %}
 {% load wagtailcore_tags %}
 
-{% block header_class_specifier %}
-    <div class="post_base__header post_base__header--event">
-{% endblock %}
 
 {% block details %}
     <div class="event-header_details">

diff --git a/assets/sass/pages/_event.scss b/assets/sass/pages/_event.scss
@@ -55,25 +55,29 @@
       text-decoration: none;
       transition: color 0.2s ease-in;
       font-weight: 700;
-      
+
       &:hover {
         color: $page_color_4;
       }
     }
 
+    &--image-link {
+      transition: 0.3s;
+      margin: 0 15px;
+      display: block;
+
+      &:hover {
+        transform: scale(1.1);
+      }
+    }
+
     &--embed {
       margin: 20px 0;
     }
   }
 }
 
 .post_base {
-  &__header--event {
-    .post_base__header-image {
-      flex-basis: 50%;
-    }
-  }
-
   &__body--event {
     .post_base__body-content {
       flex-basis: 80%;
@@ -89,6 +93,10 @@
     align-items: flex-start;
     margin-top: 0;
 
+    &-center {
+      align-items: center;
+    }
+
     &__title {
       margin-bottom: 0;
       text-align: right;

diff --git a/common/templates/common/partials/edition_header.html b/common/templates/common/partials/edition_header.html
@@ -1,19 +1,18 @@
 {% load common_tags %}
 {% load i18n %}
 {% load static %}
-{% block header_class_specifier %}
-    <div class="post_base__header">
-{% endblock header_class_specifier %}
 
-<div class="post_base__header-container">
-    {% responsive_img_set page.get_edition_image 'THEME_HEADER' 'post_base__header-image' placeholder='img/CoverSSO.png' placeholder_webp='img/CoverSSO.webp' %}
-    <div class="post_base__sfi-edition-info">
-        <p class="post_base__sfi-edition">{% trans '16th edition' %}</p>
-        <p class="post_base__sfi-year">2021</p>
+
+<div class="post_base__header">
+    <div class="post_base__header-container">
+        {% responsive_img_set page.get_edition_image 'THEME_HEADER' 'post_base__header-image' placeholder='img/CoverSSO.png' placeholder_webp='img/CoverSSO.webp' %}
+        <div class="post_base__sfi-edition-info">
+            <p class="post_base__sfi-edition">{% trans '16th edition' %}</p>
+            <p class="post_base__sfi-year">2021</p>
+        </div>
+    </div>
+    <div class="post_base__header-title">
+        {% block header_content %}
+        {% endblock %}
     </div>
-</div>
-<div class="post_base__header-title">
-    {% block header_content %}
-    {% endblock %}
-</div>
 </div>