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 :
- 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.
Modification :
- Ajout au sélecteur de date d'un bouton d'effacement identique à celui du sélecteur de fichiers.
Modifications :
- 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
Cette version apporte aux modules une autonomie complète par rapport au noyau.

View File

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

View File

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

View File

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

View File

@ -5,8 +5,10 @@
<h2 class="newsTitle" id="<?php echo $newsId;?>">
<?php echo '<a href="'. helper::baseUrl(true) . $this->getUrl(0) . '/' . $newsId . '">' . $news['title'] . '</a>'; ?>
</h2>
<div class="newsContent newsBlur">
<div class="newsContent">
<?php echo $news['content']; ?>
<div class="newsBlur">
</div>
</div>
<div class="newsSignature">
<i class="far fa-calendar-alt"></i>