From d4d88cfdeb4a48021c1685c38e882cb24d282388 Mon Sep 17 00:00:00 2001
From: Fred Tempez <frederic.tempez@outlook.com>
Date: Fri, 24 Mar 2023 08:48:30 +0100
Subject: [PATCH] Blog Read More

---
 module/blog/view/index/index.css | 29 +++++++++++++++++++++--------
 module/blog/view/index/index.php | 14 ++++++++++----
 2 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/module/blog/view/index/index.css b/module/blog/view/index/index.css
index b7e317e7..cd1f14d7 100755
--- a/module/blog/view/index/index.css
+++ b/module/blog/view/index/index.css
@@ -50,6 +50,7 @@
 	margin-bottom: 5px;
 }
 .blogContent {
+	position: relative;
 	float: left;
 	margin-top: 5px;
 }
@@ -102,16 +103,28 @@
     vertical-align: top;
 }
 
-article {
+.rowArticle {
 	position: relative;
 	/* Autres styles pour les articles coupés */
   }
-  
-article
-.read-more-btn {
+
+.readMoreContainer { 
 	position: absolute;
-	bottom: 10px;
-	right: 10px;
-	z-index: 1;
+	bottom: 0px;
+	width: 100%;
+	height: 45%;
+	background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#f6f6f6 100%,#f6f6f6);
+}
+  
+.readMoreButton {
+	position: absolute;
+	width: 20%;
+	bottom: 0px;
+	left: 0; 
+	right: 0; 
+	margin-left: auto; 
+	margin-right: auto;
+	z-index: 99;
+	background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#f6f6f6 100%,#f6f6f6);
 	/* Autres styles pour le bouton */
-  }
\ No newline at end of file
+  }
diff --git a/module/blog/view/index/index.php b/module/blog/view/index/index.php
index 6dbcf360..913bfb7a 100755
--- a/module/blog/view/index/index.php
+++ b/module/blog/view/index/index.php
@@ -144,14 +144,20 @@
 								<?php echo template::ico('calendar-empty'); ?>
 								<?php echo helper::dateUTF8($module::$dateFormat, $this->getData(['module', $this->getUrl(0), 'posts', $articleId, 'publishedOn'])) . ' - ' . helper::dateUTF8($module::$timeFormat, $this->getData(['module', $this->getUrl(0), 'posts', $articleId, 'publishedOn'])); ?>
 							</div>
-							<p class="blogContent">
+							<div class="blogContent">
 								<?php $lenght = $this->getData(['module', $this->getUrl(0), 'config', 'articlesLenght']) !== 0 ? $this->getData(['module', $this->getUrl(0), 'config', 'articlesLenght']) : 500 ?>
 								<?php echo helper::subword(strip_tags($article['content'], '<br><p>'), 0, $lenght); ?>...
-								<a href="<?php echo helper::baseUrl() . $this->getUrl(0) . '/' . $articleId; ?>"><button class="read-more-btn">Lire la suite</button></a>
-								
-							</p>
+								<div class="readMoreContainer">
+								<a href="<?php echo helper::baseUrl() . $this->getUrl(0) . '/' . $articleId; ?>"><button class="readMoreButton">Lire la suite</button></a>
+									<div class="readMoreContainer">
+										<a href="<?php echo helper::baseUrl() . $this->getUrl(0) . '/' . $articleId; ?>">
+										<button	class="readMoreButton">Lire la suite</button>
+										</a>
+									</div>
+							</div>
 						</div>
 					</div>
+				</div>
 				<?php endif; ?>
 			<?php endforeach; ?>
 	</article>