news 3.2 effet blur modifié

CHANGES.md

@@ -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.

module/news/news.php

@@ -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

module/news/ressource/defaultdata.php

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

module/news/view/index/index.css

@@ -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;

module/news/view/index/index.php

@@ -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>
@@ -36,7 +38,7 @@
 		<div id="rssFeed">
 			<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' />
-				<?php 
+				<?php
 					echo '<p>' . $this->getData(['module',$this->getUrl(0), 'config', 'feedsLabel']) . '</p>' ;
 				?>
 			</a>