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 @@ getData(['module', $this->getUrl(0), 'posts', $articleId, 'publishedOn'])) . ' - ' . helper::dateUTF8($module::$timeFormat, $this->getData(['module', $this->getUrl(0), 'posts', $articleId, 'publishedOn'])); ?> -

+

getData(['module', $this->getUrl(0), 'config', 'articlesLenght']) !== 0 ? $this->getData(['module', $this->getUrl(0), 'config', 'articlesLenght']) : 500 ?>

'), 0, $lenght); ?>... - - -

+
+ + +
+