added images to calendrier

web/themes/custom/leshed/assets/scss/main.scss

@@ -683,9 +683,10 @@ div.views-archives-evenements {
   }
 
   article.node-type-evenement.view-mode-calendrier{
+    // @include evenementListe();
     display: flex;
     flex-direction: row;
-    // @include evenementListe();
+    gap: 1em;
     header{
       flex:0 1 auto;
       // width: 5em;
@@ -698,13 +699,31 @@ div.views-archives-evenements {
       }
     }
 
-    div.content{
+    section.content{
       flex:0 1 auto;
       h2.node-title{
         font-size: 3em;
       }
     }
 
+    section.last-cel{
+      flex:0 1 auto;
+      .field_images{
+        a{
+          display: block;
+          width: 12em;
+          height: 12em;
+          overflow: hidden;
+          img{
+            width: 100%;
+            height: 100%;
+            object-fit:contain;
+            object-position: top left;
+          }
+        }
+      }
+    }
+
   }
 }
 

web/themes/custom/leshed/templates/node--evenement--calendrier.html.twig

@@ -79,11 +79,14 @@
   {# {{ title_suffix }} #}
 
 
-  <div{{ content_attributes.addClass('content') }}>
+  <section{{ content_attributes.addClass('content') }}>
     <h2{{ title_attributes.addClass('node-title') }}>
       <a href="{{ url }}" rel="bookmark">{{ label }}</a>
     </h2>
-    {{ content|without('field_dates') }}
-  </div>
+    {{ content|without('field_dates')|without('field_images') }}
+  </section>
 
+  <section class="last-cel">
+    {{ content.field_images }}
+  </section>
 </article>