les sites pilotes

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

@@ -1036,8 +1036,8 @@ input {
 .slick-dots li {
   position: relative;
   display: inline-block;
-  height: 50px;
-  width: 50px;
+  height: 20px;
+  width: 20px;
   margin: 0 5px;
   padding: 0;
   cursor: pointer;
@@ -1684,7 +1684,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding: 2rem;
   margin-right: 1rem;
   width: 20vw;
-  margin-left: 12%;
+  margin-left: 15%;
   padding-top: 0.5rem;
   padding-left: 0.8rem;
   padding-bottom: 5rem;
@@ -1818,16 +1818,25 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   top: -20px;
 }
 
+.block-page-title-block {
+  padding-left: 1rem;
+}
+.block-page-title-block h1 {
+  font-weight: 1000;
+}
+
 .view-display-id-page_1 {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: space-between;
 }
 .view-display-id-page_1 article {
   padding-bottom: 0.7rem;
 }
 .view-display-id-page_1 .views-row {
-  width: 30%;
+  width: 28%;
   padding: 1rem;
 }
 .view-display-id-page_1 .views-row .node-type-site {
@@ -1893,6 +1902,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   order: 4;
   font-size: 1.3rem;
 }
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
+  display: inline;
+}
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
+  content: ",";
+  padding-right: 0.5rem;
+}
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
+  content: "";
+}
 .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links {
   order: 5;
   text-transform: uppercase;
@@ -1912,6 +1936,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .view-display-id-page_1 footer p:first-of-type {
   font-size: 2rem;
+  padding-left: 1rem;
 }
 .view-display-id-page_1 footer .view-display-id-block_2 {
   display: flex;
@@ -1920,20 +1945,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .view-display-id-page_1 footer .view-display-id-block_2 .views-row {
   width: 30%;
-  padding: 1rem;
 }
 .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site {
   margin: auto;
   display: flex;
   flex-direction: column;
   width: 100%;
+  background-color: transparent;
 }
 .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
+  background-color: transparent;
   order: 2;
   display: flex;
   flex-direction: column;
   padding-top: 0.5rem;
-  padding-left: 1rem;
+  padding-left: 0rem;
   padding-right: 1rem;
 }
 .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
@@ -1946,7 +1972,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   order: 1;
   text-transform: uppercase;
   font-size: 1rem;
-  font-weight: 200;
+  font-weight: 400;
 }
 .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-lettre-de-site::before {
   content: "SITE";
@@ -1955,9 +1981,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site {
   order: 3;
   line-height: 1.3rem;
-  font-weight: 400;
+  font-weight: 400 !important;
 }
 .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address {
+  padding-left: 0;
   margin: 0;
   display: inline-flex;
   font-size: 1.3rem;

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

@@ -90,6 +90,7 @@ jQuery(document).ready(function($){
         dots: false,
         arrows: true,
         centerMode: true,
+        adaptiveHeight: true,
         // centerPadding: '100px',
         responsive: [
           {

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

@@ -7,7 +7,7 @@
     padding: 2rem;
     margin-right: 1rem;
     width: 20vw;
-    margin-left: 12%;
+    margin-left: 15%;
     padding-top: 0.5rem;
     padding-left: 0.8rem;
     padding-bottom: 5rem;
@@ -52,16 +52,12 @@
                     grid-column: 2/span 10;
                     width: 100%;
                     img {
-                        // width: 70%;
-                        // // object-fit: cover;
-                        // height: auto;
                         max-height: 500px;
                         width: 100%;
                         object-fit: cover;                      
                     }
                 }
                 .infos-content-site{
-                    // border: solid $yellow-puca 1px;
                     background-color: $white-button;
                     width: 20vw;
                     order: 2;

web/themes/custom/reha/scss/pages/les-sites-pilotes.scss

@@ -1,13 +1,22 @@
+
+.block-page-title-block{
+    padding-left: 1rem;
+    h1{
+        font-weight: 1000;
+    }
+}
 .view-display-id-page_1{
  
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    align-items: baseline;
+    justify-content: space-between;
     article{
         padding-bottom: 0.7rem;
     }
     .views-row{
-        width: 30%;
+        width: 28%;
         padding: 1rem;
         .node-type-site{
             margin: auto;
@@ -72,6 +81,22 @@
                     order: 4;
                     // padding-top: 1rem;
                     font-size: 1.3rem;
+                    .field__items{
+                        display: flex;
+                        flex-direction: row;
+                        flex-wrap: wrap;
+                        .field__item{
+                            display: inline;
+                            &::after{
+                                content:',';
+                                padding-right: 0.5rem;
+                            }
+                            
+                        }
+                    }
+                    .field__item:last-of-type::after {
+                        content: '';
+                    }
                 }
                 ul.links{
                     order: 5;
@@ -98,6 +123,8 @@
         background-color: transparent;
         p:first-of-type{
             font-size: 2rem;
+            padding-left: 1rem;
+            // font-weight: 1000;
         }
         .view-display-id-block_2{
             display: flex;
@@ -105,33 +132,32 @@
             flex-wrap: wrap;
             .views-row{
                 width: 30%;
-                padding: 1rem;
+                // padding: 1rem;
                 .node-type-site{
                     margin: auto;
                     display: flex;
                     flex-direction: column;
                     width: 100%;
+                    background-color: transparent;
                     .infos-content-site{
-                        // border: solid $yellow-puca 1px;
-                        // background-color: transparent;
+                        background-color: transparent;
                         order: 2;
                         display: flex;
                         flex-direction: column;
                         padding-top: 0.5rem;
-                        padding-left: 1rem;
+                        padding-left: 0rem;
                         padding-right: 1rem;
                         h2{
                             order: 2;
                             margin: 0;
                             font-size: 1.8rem;
                             font-weight: 900;
-        
                         }
                         .field--name-field-lettre-de-site {
                             order: 1;
                             text-transform: uppercase;
                             font-size: 1rem;
-                            font-weight: 200;
+                            font-weight: 400;
                             &::before{
                                 content:'SITE';
                                 padding-right: 0.5rem;
@@ -140,9 +166,10 @@
                         .field--name-field-adresse-site{
                             order: 3;
                             line-height: 1.3rem;
-                            font-weight: 400;
+                            font-weight: 400 !important;
                         
                             p.address{
+                                padding-left: 0;
                                 margin: 0;
                                 display: inline-flex;
                                 font-size: 1.3rem;

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

@@ -156,8 +156,8 @@ $slick-opacity-not-active: 0.25 !default;
     li {
         position: relative;
         display: inline-block;
-        height: 50px;
-        width: 50px;
+        height: 20px;
+        width: 20px;
         margin: 0 5px;
         padding: 0;
         cursor: pointer;