Blog Read More

This commit is contained in:
Fred Tempez 2023-03-24 08:48:30 +01:00
parent c85f208837
commit d4d88cfdeb
2 changed files with 31 additions and 12 deletions

View File

@ -50,6 +50,7 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
.blogContent { .blogContent {
position: relative;
float: left; float: left;
margin-top: 5px; margin-top: 5px;
} }
@ -102,16 +103,28 @@
vertical-align: top; vertical-align: top;
} }
article { .rowArticle {
position: relative; position: relative;
/* Autres styles pour les articles coupés */ /* Autres styles pour les articles coupés */
} }
article .readMoreContainer {
.read-more-btn {
position: absolute; position: absolute;
bottom: 10px; bottom: 0px;
right: 10px; width: 100%;
z-index: 1; 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 */ /* Autres styles pour le bouton */
} }

View File

@ -144,14 +144,20 @@
<?php echo template::ico('calendar-empty'); ?> <?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'])); ?> <?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> </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 $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); ?>... <?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> <div class="readMoreContainer">
<a href="<?php echo helper::baseUrl() . $this->getUrl(0) . '/' . $articleId; ?>"><button class="readMoreButton">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>
</div>
</div> </div>
</div> </div>
</div>
<?php endif; ?> <?php endif; ?>
<?php endforeach; ?> <?php endforeach; ?>
</article> </article>