From 412e71633fc9266d274406cac9d3ede59476fd53 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 16 Nov 2023 16:26:28 +0100
Subject: [PATCH] refining card news with dates and proportions sizes

---
 template-components/cards/card-news.css |  6 +++---
 template-components/cards/card-news.php | 25 +++++++++++++++----------
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/template-components/cards/card-news.css b/template-components/cards/card-news.css
index 5703ee9..7bb74b9 100644
--- a/template-components/cards/card-news.css
+++ b/template-components/cards/card-news.css
@@ -23,7 +23,7 @@
     /* @apply  h-full ; */
   }
   &__heading {
-    @apply flex flex-col-reverse;
+    @apply flex flex-col !mb-6;
   }
 
   &__tag {
@@ -44,7 +44,7 @@
   }
 
   &__title {
-    @apply text-2xl font-bold mb-4 text-secondary;
-    line-height: 1.1;
+    @apply text-lg font-bold  text-secondary mb-1;
+    line-height: 1.2;
   }
 }
diff --git a/template-components/cards/card-news.php b/template-components/cards/card-news.php
index 686f768..f6c30b5 100644
--- a/template-components/cards/card-news.php
+++ b/template-components/cards/card-news.php
@@ -1,28 +1,33 @@
 <?php
-	$post_ID = $args['post_ID'];
-	$card_variant = $args['card_variant'];
-	$post_thumbnail = $args['post_thumbnail'];
-	$post_title = $args['post_title'];
-	$news_type = $args['news_type'] ?? null;
-	$thematique = $args['thematique'] ?? null;
-	$mainThematique = getMainThematique($thematique) ?? null;
+$post_ID = $args['post_ID'];
+$card_variant = $args['card_variant'];
+$post_thumbnail = $args['post_thumbnail'];
+$post_title = $args['post_title'];
+$post_date = $args['post_date'] ?? null;
+$news_type = $args['news_type'] ?? null;
+$thematique = $args['thematique'] ?? null;
+$mainThematique = getMainThematique($thematique) ?? null;
+
 ?>
 
 <div class="card-news <?php echo $card_variant ? 'card-news--' . $card_variant  : '' ?> ">
 	<?php echo $post_thumbnail ?>
 	<div class="card-news__inner">
 		<div class="card-news__heading">
-			<h3 class="card-news__title"><?php echo $post_title ?></h3>
 			<?php if ($news_type) : ?>
 				<p class="card-news__tag"><?php echo $news_type[0]->name ?></p>
 			<?php endif; ?>
 			<?php if ($thematique) : ?>
-
 				<p class="card-news__thematique-tag card-news__thematique-tag--<?php echo $mainThematique->slug ?>"><?php echo $thematique->name ?></p>
 			<?php endif; ?>
+			<h3 class="card-news__title"><?php echo $post_title ?></h3>
+			<?php if ($post_date) : ?>
+				<p class="card-news__post-date card-news__post-date"><?php echo $post_date ?></p>
+			<?php endif; ?>
+
 		</div>
 
-		<a href="<?php echo get_the_permalink($post_ID) ?>" class="cta cta--read-more cta--with-arrow-button cta--streched  ">
+		<a href=" <?php echo get_the_permalink($post_ID) ?>" class="cta cta--read-more cta--with-arrow-button cta--streched  ">
 			<!-- cta-read-more -->
 			<span><?php echo __("Lire l'article", 'homegrade-theme__texte-fonctionnel') ?></span>
 			<span class="sr-only"><?php echo $post_title ?></span>