Met des illustrations par défaut pour les contenus (#4381)

zestedesavoir · Aug 4, 2017 · b344d36 · b344d36
1 parent a7ef93e
commit b344d36
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 1 deletion.
diff --git a/assets/images/article-illu.png b/assets/images/article-illu.png
diff --git a/assets/images/opinion-illu.png b/assets/images/opinion-illu.png
diff --git a/assets/images/tutorial-illu.png b/assets/images/tutorial-illu.png
diff --git a/assets/scss/components/_content-item.scss b/assets/scss/components/_content-item.scss
@@ -50,12 +50,23 @@ $content-reaction-offset: -14px; // -30px to not offset the meta
         flex: 0 0 $content-illu-size;
         height: $content-illu-size;
         background-color: $content-border-color;
+        background-size: contain;
 
         img {
             width: 100%;
             height: 100%;
             background-color: #FFF;
         }
+
+        &.article-illu {
+            background-image: url("/static/images/article-illu.png");
+        }
+        &.tutorial-illu {
+            background-image: url("/static/images/tutorial-illu.png");
+        }
+        &.opinion-illu {
+            background-image: url("/static/images/opinion-illu.png");
+        }
     }
 
     .content-info {

diff --git a/templates/tutorialv2/includes/content_item.part.html b/templates/tutorialv2/includes/content_item.part.html
@@ -57,7 +57,7 @@
 
 <article class="content-item{% if online and show_reactions %} has-reactions{% endif %}{{ item_class }}">
 
-    <a href="{{ link }}" tabindex="-1" class="content-illu">
+    <a href="{{ link }}" tabindex="-1" class="content-illu {{ content.type|lower }}-illu">
         {% if content.image %}
             <img src="{{ content.image.physical.content_thumb.url }}" alt="">
         {% endif %}