slide actus

web/themes/custom/reha/dist/css/bundle.css

@@ -1096,8 +1096,6 @@ aside.layout-sidebar-second footer.view-footer :hover {
   position: absolute;
   display: block;
   z-index: 9;
-  height: 20px;
-  width: 20px;
   line-height: 0px;
   font-size: 0px;
   cursor: pointer;
@@ -1130,8 +1128,6 @@ aside.layout-sidebar-second footer.view-footer :hover {
 .slick-prev:before,
 .slick-next:before {
   font-family: "slick";
-  font-size: 200px;
-  line-height: 1.5;
   color: rgb(153, 147, 174);
   opacity: 0.4;
   -webkit-font-smoothing: antialiased;
@@ -1324,8 +1320,28 @@ aside.layout-sidebar-second footer.view-footer :hover {
   display: none;
 }
 
-.view-actus.slick-slider.slick-next:before {
-  background: rgba(255, 255, 255, 0.1);
+.view-actus .slick-arrow {
+  background-image: radial-gradient(white, transparent);
+  border-radius: 50%;
+  padding: 0.8rem;
+  width: 120px;
+  height: auto;
+}
+.view-actus .slick-arrow.slick-next {
+  padding-right: 0rem;
+}
+.view-actus .slick-arrow.slick-prev {
+  padding-left: 0rem;
+}
+
+.view-sites > .slick-arrow,
+.view-actus > .slick-arrow {
+  top: 50%;
+}
+.view-sites > .slick-arrow.slick-next,
+.view-actus > .slick-arrow.slick-next {
+  right: 230px;
+  padding-right: 0rem;
 }
 
 /*pages*/
@@ -2005,7 +2021,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   width: fit-content;
   margin: auto;
   z-index: 99;
-  margin-top: 2rem;
+  margin-top: 1rem;
+  margin-bottom: 4rem;
 }
 
 .page-sitespilotes h1 {
@@ -2511,44 +2528,60 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 
 .block-views-blockactus-block-1 {
-  display: none;
   background-color: white;
   padding-bottom: 3rem;
-  padding-left: 12%;
 }
 .block-views-blockactus-block-1 h2 {
   width: 80%;
-  margin: auto;
   padding-top: 2rem;
   padding-bottom: 2rem;
+  padding-left: 12%;
+  font-size: 2rem;
+  font-weight: 900;
 }
 .block-views-blockactus-block-1 .view-id-actus {
   width: 100%;
   margin: auto;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row {
-  width: 20vw !important;
-  padding-right: 5rem;
+  width: 30vw !important;
+  margin-left: 1rem;
+}
+.block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
+  padding-left: 15%;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
-  width: 100%;
+  width: 84%;
   display: flex;
   flex-direction: column;
+  height: 100%;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite p.field__item {
   display: none;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite {
-  width: 90%;
-  margin: auto;
+  width: 80%;
+  height: 250px;
+  margin-left: 1rem;
 }
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite img {
+.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image {
+  height: 100%;
+}
+.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items {
+  height: 100%;
+}
+.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item {
+  width: 100%;
+  height: 100%;
+}
+.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item img {
   width: 100%;
   height: auto;
+  object-fit: cover;
+  height: 100%;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content {
   position: relative;
-  top: -10px;
   display: flex;
   flex-direction: column;
   border: solid #fdc300 1px;
@@ -2560,6 +2593,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin: 0;
   font-size: 1.5rem;
   font-weight: 600;
+  padding: 0;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-sous-titre {
   order: 3;
@@ -2585,8 +2619,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item {
   display: inline;
-}
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site a {
   color: white;
   font-weight: 900;
   font-size: 0.8rem;
@@ -2599,6 +2631,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .body-content {
   display: none;
 }
+.block-views-blockactus-block-1 .view-id-actus .slick-dots {
+  position: relative;
+  bottom: 0;
+}
+.block-views-blockactus-block-1 .view-id-actus .slick-prev {
+  left: 35px;
+}
 
 .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
   width: 60%;
@@ -2624,6 +2663,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   z-index: 99;
   position: relative;
   margin-top: 2rem;
+  margin-bottom: 4rem;
 }
 .page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after {
   content: url("../dist/images/noun-arrow-1569918-black.svg");

web/themes/custom/reha/js/reha.js

@@ -83,20 +83,20 @@ jQuery(document).ready(function($){
       // Vérifier l'état initial depuis sessionStorage
       if (sessionStorage.getItem('asideOpened') === 'true') {
           $(".layout-sidebar-second").addClass('close');
-          $("h2").addClass('__close');
+          $(".layout-sidebar-second h2").addClass('__close');
       }
 
       $(".view-current-user-doc-profile").click(function(event) {
           // Ouvrir .tiroir fichiers
           $(".layout-sidebar-second").addClass('close');
-          $("h2").addClass('__close');
+          $(".layout-sidebar-second h2").addClass('__close');
           sessionStorage.setItem('asideOpened', 'true');
       });
 
       $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) {
           // Fermer .tiroir fichiers
           $(".layout-sidebar-second").removeClass('close');
-          $("h2").removeClass('__close');
+          $(".layout-sidebar-second h2").removeClass('__close');
           sessionStorage.setItem('asideOpened', 'false');
       });
   });
@@ -134,12 +134,13 @@ jQuery(document).ready(function($){
   });
 
   $(document).ready(function(){
-    $('.view-id-actus.view-display-id-block_1').slick({
-      slidesToShow: 3,
+    $('.view-id-actus.view-display-id-block_1 ').slick({
+      // slidesToShow: 1,
       // slidesToScroll: 1,
-      dots: false,
+      // dots: true,
       arrows: true,
-      centerMode: true,
+      // centerMode: true,
+      draggable: true,
       // centerPadding: '100px',
       responsive: [
         {
@@ -155,6 +156,7 @@ jQuery(document).ready(function($){
     });
     console.log('slick actu');
   });
+
   // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items
   $(document).ready(function(){
     $('.page-node-site .field--name-field-image .field__items').slick({

web/themes/custom/reha/scss/pages/home/home-view-actualites.scss

@@ -1,43 +1,57 @@
 .block-views-blockactus-block-1{
-    display:none;
+    // display:none;
     background-color: white;
     padding-bottom: 3rem;
-    padding-left: 12%;
+    // padding-left: 12%;
     h2{
         width: 80%;
-        margin: auto;
+        // margin: auto;
         padding-top: 2rem;
         padding-bottom: 2rem;
+        padding-left: 12%;
+        font-size: 2rem;
+        font-weight: 900;
     }
     .view-id-actus{
         width: 100%;
         margin: auto;
-    //     display: flex;
-    //    justify-content: space-between;
-
         .views-row{
-            width: 20vw !important;
-            padding-right: 5rem;
+            width: 30vw !important;
+            margin-left: 1rem;
+            &:first-of-type{
+                padding-left: 15%;
+            }
             .node-type-actualite{
-                width: 100%;
+                width: 84%;
                 display: flex;
                 flex-direction: column;
+                height: 100%;
                 p.field__item{
                     display: none;
                 }
                 .image-actualite{
-                    width: 90%;
-                    margin: auto;
-                    img{
-                        width: 100%;
-                        height: auto;
-
-                    }
-                   
+                    width: 80%;
+                    height: 250px;
+                    margin-left: 1rem;
+                    .field--name-field-image{
+                        height: 100%;
+                        .field__items{
+                            height: 100%;
+                            .field__item{
+                                width: 100%;
+                                height: 100%;
+                                img{
+                                    width: 100%;
+                                    height: auto;
+                                    object-fit: cover;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                    }                
                 }
                 .infos-content{
                     position: relative;
-                    top: -10px;
                     display: flex;
                     flex-direction: column;
                     border: solid $yellow-puca 1px;
@@ -48,11 +62,11 @@
                         margin: 0;
                         font-size: 1.5rem;
                         font-weight: 600;
+                        padding: 0;;
                     }
                     .field--name-field-sous-titre {
                         order: 3;
                         font-size: 1.3rem;
-                        // line-height: 0.3rem;
                     }
                     .field--name-field-date{
                         order: 4;
@@ -74,27 +88,28 @@
                         padding: 0.2rem 0.9rem;
                         .field__item{
                             display: inline;
-                        }         
-                        a{
                             color: white;
                             font-weight: 900;
                             font-size: 0.8rem;
                             vertical-align: top;
-                        }
+                        }         
                     }
                     ul.links{
                         order: 6;
                         display: none;
                     }
-                
                 }
                 .body-content{
                     display: none;
                 }
-                
             }
-           
         }
-        
+        .slick-dots{
+            position: relative;
+            bottom: 0;
+        }
+        .slick-prev{
+            left:35px;
+        }
     }
 }

web/themes/custom/reha/scss/pages/home/home-view-presentation.scss

@@ -28,6 +28,7 @@
             z-index: 99;
             position: relative;
             margin-top: 2rem;
+            margin-bottom: 4rem;
             .field--type-link{
                 .field__item::after{    
                         content: url('../dist/images/noun-arrow-1569918-black.svg');

web/themes/custom/reha/scss/pages/home/home-view-sites.scss

@@ -185,6 +185,7 @@
         z-index: 99;
         // position: relative;
         // top: -10px;
-        margin-top: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 4rem;
     }
 }

web/themes/custom/reha/scss/partials/_slick-theme.scss

@@ -67,8 +67,8 @@ $slick-opacity-not-active: 0.25 !default;
     position: absolute;
     display: block;
     z-index: 9;
-    height: 20px;
-    width: 20px;
+    // height: 20px;
+    // width: 20px;
     line-height: 0px;
     font-size: 0px;
     cursor: pointer;
@@ -94,8 +94,8 @@ $slick-opacity-not-active: 0.25 !default;
     }
     &:before {
         font-family: $slick-font-family;
-        font-size: 200px;
-        line-height: 1.5;
+        // font-size: 200px;
+        // line-height: 1.5;
         color: $slick-arrow-color;
         opacity: $slick-opacity-default;
         -webkit-font-smoothing: antialiased;

web/themes/custom/reha/scss/partials/_slick_custom.scss

@@ -11,10 +11,30 @@ $slick-arrow-color: $yellow-puca !default;
     }
 }
 
-.view-actus.slick-slider.slick-next {
-    &:before {
+.view-actus .slick-arrow {
+    // background-color: rgba(255, 255, 255, 0.8);
+    background-image: radial-gradient(white, transparent);
+    border-radius: 50%;
+    padding: 0.8rem;
+    width: 120px;
+    height: auto;
+    &.slick-next {
+        padding-right: 0rem;
+    } 
+    &.slick-prev {
+        padding-left: 0rem;
+    } 
+}
 
-        background: rgba(255, 255, 255, 0.1);
+.view-sites,
+.view-actus {
+    > .slick-arrow{
+        top: 50%;
+        &.slick-next {
+            right: 230px;
+            padding-right: 0rem;
+        } 
     }
 }
 
+