news 3.2 effet blur modifié

This commit is contained in:
Fred Tempez 2021-05-15 13:49:04 +02:00
parent 4486ce6513
commit 8ec673b549
5 changed files with 27 additions and 12 deletions

View File

@ -4,8 +4,9 @@
Corrections : Corrections :
- Champs de formulaire, uniformisation de la hauteur (select, input, etc) identique à celle des boutons à 9px. - Champs de formulaire, uniformisation de la hauteur (select, input, etc) identique à celle des boutons à 9px.
- Module search : texte d'aide dans la zone de saisie non pris en compte. - Module search : texte d'aide dans la zone de saisie non pris en compte.
Modification : Modifications :
- Ajout au sélecteur de date d'un bouton d'effacement identique à celui du sélecteur de fichiers. - News 3.2 : ajout au sélecteur de date d'un bouton d'effacement identique à celui du sélecteur de fichiers.
- News 3.2 : décoloration du texte, modification de l'effet blur.
## version 10.6.00 ## version 10.6.00
Cette version apporte aux modules une autonomie complète par rapport au noyau. Cette version apporte aux modules une autonomie complète par rapport au noyau.

View File

@ -15,7 +15,7 @@
class news extends common { class news extends common {
const VERSION = '3.1'; const VERSION = '3.2';
const REALNAME = 'Actualités'; const REALNAME = 'Actualités';
const DELETE = true; const DELETE = true;
const UPDATE = '0.0'; const UPDATE = '0.0';
@ -68,10 +68,10 @@ class news extends common {
]; ];
public static $itemsBlur = [ public static $itemsBlur = [
'100%' => 'Aucun', '0%' => 'Aucun',
'90%' => 'Faible', '15%' => 'Faible',
'75%' => 'Modéré', '30%' => 'Modéré',
'60%' => 'Important', '45%' => 'Important',
]; ];
// Signature de l'article // Signature de l'article
@ -188,8 +188,9 @@ class news extends common {
// Générer la feuille de CSS // Générer la feuille de CSS
$style = '.newsContent {height:' . $this->getInput('newsConfigItemsHeight',helper::FILTER_STRING_SHORT) . ';}'; $style = '.newsContent {height:' . $this->getInput('newsConfigItemsHeight',helper::FILTER_STRING_SHORT) . ';}';
if ($this->getInput('newsConfigItemsBlur',helper::FILTER_STRING_SHORT) !== '100%') { if ($this->getInput('newsConfigItemsBlur',helper::FILTER_STRING_SHORT) !== '100%') {
$style .= '.newsBlur {background: linear-gradient(' . $this->getData(['theme', 'text', 'textColor']) . ' ' . $this->getInput('newsConfigItemsBlur',helper::FILTER_STRING_SHORT) . ',rgba(255,255,255,0) );'; $style .= '.newsBlur {height: ' . $this->getInput('newsConfigItemsBlur',helper::FILTER_STRING_SHORT) . ';}';
$style .= ' background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}'; //$style .= '.newsBlur {background: linear-gradient(' . $this->getData(['theme', 'text', 'textColor']) . ' ' . $this->getInput('newsConfigItemsBlur',helper::FILTER_STRING_SHORT) . ',rgba(255,255,255,0) );';
//$style .= ' background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}';
} }
// Dossier de l'instance // Dossier de l'instance

View File

@ -9,6 +9,6 @@ class init extends search {
]; ];
public static $defaultTheme = [ public static $defaultTheme = [
'itemsHeight' => 'auto', 'itemsHeight' => 'auto',
'itemsBlur' => '100%' 'itemsBlur' => '0%'
]; ];
} }

View File

@ -29,6 +29,17 @@
margin-bottom: 30px; margin-bottom: 30px;
} }
.newsBlur {
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
left: -20px;
z-index: 10;
backdrop-filter: blur(1px);
}
.newsSignature { .newsSignature {
margin-right: 10px; margin-right: 10px;
float: right; float: right;

View File

@ -5,8 +5,10 @@
<h2 class="newsTitle" id="<?php echo $newsId;?>"> <h2 class="newsTitle" id="<?php echo $newsId;?>">
<?php echo '<a href="'. helper::baseUrl(true) . $this->getUrl(0) . '/' . $newsId . '">' . $news['title'] . '</a>'; ?> <?php echo '<a href="'. helper::baseUrl(true) . $this->getUrl(0) . '/' . $newsId . '">' . $news['title'] . '</a>'; ?>
</h2> </h2>
<div class="newsContent newsBlur"> <div class="newsContent">
<?php echo $news['content']; ?> <?php echo $news['content']; ?>
<div class="newsBlur">
</div>
</div> </div>
<div class="newsSignature"> <div class="newsSignature">
<i class="far fa-calendar-alt"></i> <i class="far fa-calendar-alt"></i>
@ -36,7 +38,7 @@
<div id="rssFeed"> <div id="rssFeed">
<a type="application/rss+xml" href="<?php echo helper::baseUrl() . $this->getUrl(0) . '/rss'; ?>" target="_blank"> <a type="application/rss+xml" href="<?php echo helper::baseUrl() . $this->getUrl(0) . '/rss'; ?>" target="_blank">
<img src='module/news/ressource/feed-icon-16.gif' /> <img src='module/news/ressource/feed-icon-16.gif' />
<?php <?php
echo '<p>' . $this->getData(['module',$this->getUrl(0), 'config', 'feedsLabel']) . '</p>' ; echo '<p>' . $this->getData(['module',$this->getUrl(0), 'config', 'feedsLabel']) . '</p>' ;
?> ?>
</a> </a>