Fix Bug #14261

Optimizes the presentation when the news does not have an image, in list or carousel view.
+ Presentation last visitors in the EDM - (only Waves skin).

Author: auroreallibe

aurora/aurora-configuration/src/main/config/data/web/weblib.war/Aurora/css/main.css

@@ -991,14 +991,17 @@ label.select-header:before {
   float: left;
   height: 314px;
   position: relative;
-  overflow: hidden;
+  overflow: hidden;  
+  width: calc( 100% - 260px );
+  margin-bottom:1em;
 }
 
 .main-home-page #last-publication-home,
 .main-home-page #rssNews,
 .main-home-page #freeZone {
   margin-left: 260px;
   margin-top: 2.5em;
+  clear:left;
 }
 
 
@@ -1316,13 +1319,23 @@ label.select-header:before {
   color: #333;
 }
 
-/********************** ***************************/
+/********************** News as carrousel ***************************/
 
 #carrousel-actualite .centered-btns_nav {
   top: 36%;
   margin-top: 0;
 }
 
+#carrousel-actualite #slider li {
+  position:relative;
+}
+#carrousel-actualite  #slider li > a {
+  position: absolute;
+  top:0;
+  left:0;
+  right:0;
+  bottom: 0;
+}
 /*********** News as list *******************/
 #carrousel-actualite .list-news {
   padding: 0;

aurora/aurora-configuration/src/main/config/data/web/weblib.war/Aurora/css/stylesheet.css

@@ -1085,6 +1085,15 @@ button,
   padding: 8px;
 }
 
+.spaceHome .carousel li:not(:has(.thumbnail))::before,
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before  {
+  background-color: rgba(0, 0, 0, .1);
+}
+
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before  {
+  content: "best format 16:9";
+  background-position: center calc( 50% - 4em );
+}
 
 .spaceHome .spaceNavigation li.browse-space a {
   background: url("../imgDesign/bg_menu_level1.png") no-repeat scroll 0px -10px transparent;

aurora/aurora-configuration/src/main/config/data/web/weblib.war/skins/Sobre/css/main.css

@@ -1105,7 +1105,10 @@ label.select-header:before {
 
 #carrousel-actualite .list-news li {
   width: 100%;
-  height: 100px;
+  height: 140px;
+  clear: left;
+  margin-bottom: 1em;
+  display: block;
 }
 
 #carrousel-actualite .list-news li img {

aurora/aurora-configuration/src/main/config/data/web/weblib.war/skins/Sobre/css/stylesheet.css

@@ -1332,6 +1332,27 @@ button,
   padding-left:0;
 }
 
+.spaceHome .carousel li:not(:has(.thumbnail))::before,
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before  {
+  background-color: rgba(0, 0, 0, .1);
+}
+.main-home-page #carrousel-actualite a:has(img[src*="emptyNews"])::before {
+  height: 400px;
+}
+
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before  {
+  content: "Best format 16:9";
+  background-position: center calc( 50% - 4em );
+}
+
+.main-home-page  #carrousel-actualite .list-news a:has(img[src*='emptyNews'])::before  {
+  content: " ";
+  background-position: center center;
+  width: 200px;
+  height:120px;  
+  float: left;
+}
+
 .spaceHome .spaceNavigation::after,
 .spaceHome .cg-favorit-list::after {
   content:' ';

aurora/aurora-configuration/src/main/config/data/web/weblib.war/skins/prima/css/stylesheet.css

@@ -1251,6 +1251,24 @@ silverpeas-calendar-event-occurrence-list .display-grouped-by-day .high-priority
 	position:relative;
 }
 
+.spaceHome .carousel li:not(:has(.thumbnail))::before,
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before  {
+  background-color: rgba(0, 0, 0, .1);
+}
+
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before  {
+  content: "Best format 4:3";
+  background-position: center calc( 50% - 4em );  
+  height: 300px;
+}
+
+.main-home-page  #carrousel-actualite .list-news a:has(img[src*='emptyNews'])::before  {
+  content: " ";
+  background-position: center center;
+  width: 160px;
+  height:100px;
+}
+
 .spaceHome .spaceNavigation li.browse-component p {
   padding-left: 0;
 }

aurora/aurora-configuration/src/main/config/data/web/weblib.war/skins/waves/css/stylesheet.css

@@ -1651,6 +1651,22 @@ silverpeas-calendar-event-occurrence-list-item div.occurrence-extra,
   margin-top: 0;
 }
 
+.main-home-page #carrousel-actualite a:has(img[src*="emptyNews"])::before {
+  height: 300px;
+}
+
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before  {
+  content: "Best format 600x400px";
+  background-position: center calc( 50% - 4em );
+}
+
+.main-home-page  #carrousel-actualite .list-news a:has(img[src*='emptyNews'])::before  {
+  content: " ";
+  background-position: center center;
+  width: 160px;
+  height:100px;
+  background-color: #FFF;
+}
 
 .spaceHome .spaceNavigation {
   margin: 1 0;
@@ -2092,6 +2108,23 @@ div.cell fieldset.skinFieldset {
   height: auto;
   line-height: auto;
 }
+#preview #lastReaderList  {
+  padding-bottom:0;
+}
+#preview #lastReaderList li {
+  height:48px;
+}
+#preview #lastReaderList::after {
+  content:'';
+  clear:left;
+  height:1px;
+  width:100%;
+  display:block;
+}
+
+#preview #lastReaderList li span.consultationDate, #preview #lastReaderList li span.userToZoom {
+  padding-left: 53px;
+}
 
 #pubList #pubsHeader {
   line-height: 37px;

aurora/aurora-war/src/main/webapp/look/jsp/css/aurora.css

@@ -424,4 +424,34 @@
 /************* New users list *****************/
 .main-home-page #new-users-home .new-users-list {
   list-style: none;
-}
+}
+
+/************* Slideshow ***********/
+.spaceHome .carousel li:not(:has(.thumbnail))::before,
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before  {
+  content:' ';  
+  background: rgba(255, 255, 255, .5);
+  text-align: center;
+  flex-basis: 50%;
+  display: flex;
+  align-content: center;
+  background-repeat: no-repeat;
+  background-size: 50px 50px;
+  background-position: center center;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23999999' d='M21.11 22.53L18.579 20H4.616q-.672 0-1.144-.472T3 18.385V7.615q0-.67.472-1.143Q3.944 6 4.616 6h1.39v1.427l-4.12-4.12l.714-.713l19.223 19.223zM21 18.184l-5.294-5.3q-.01-.704-.29-1.365q-.28-.66-.78-1.16q-.494-.495-1.154-.774q-.66-.28-1.365-.29L8.173 5.356L9.423 4h5.154l1.85 2h2.958q.67 0 1.143.472q.472.472.472 1.144zm-9-1.452q.671 0 1.286-.231q.614-.23 1.114-.679L9.179 10.6q-.448.5-.679 1.115q-.23.614-.23 1.285q0 1.548 1.09 2.64q1.092 1.09 2.64 1.09m0-1q-1.146 0-1.939-.792T9.27 13q0-.558.207-1.049q.207-.492.595-.88l3.858 3.858q-.389.388-.88.595t-1.05.207'/%3E%3C/svg%3E");
+}
+
+.main-home-page #carrousel-actualite a:has(img[src*="emptyNews"]) {
+  display:block;
+}
+
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews']) > img{
+  display:none;
+}
+
+.main-home-page  #carrousel-actualite a:has(img[src*='emptyNews'])::before {
+  display:block;
+  width: 100%;
+  height:500px;
+}
+