sites associés

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

@@ -1667,7 +1667,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   width: 70%;
 }
 
-.home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee {
+.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de {
   border: solid #fdc300 1px;
   background-color: rgb(255, 255, 255);
   font-weight: 800;
@@ -1680,16 +1680,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-bottom: 5rem;
 }
 @media (max-width: 891px) {
-  .home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee {
+  .home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de {
     margin-bottom: 1rem;
     margin-top: 2rem;
     width: 50%;
   }
 }
-.home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee p {
+.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de p {
   margin: 0;
 }
-.home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee strong {
+.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de strong {
   font-size: 1.3rem;
 }
 .home-page-layout-content .block-views-blocksites-block-1 {
@@ -1790,7 +1790,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-architecte {
   order: 4;
 }
-.home-page-layout-content .block-block-contentbbaa5e2a-7f7c-498f-b08e-d1a3b36c03a8 {
+.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
   width: fit-content;
   margin: auto;
 }
@@ -1800,6 +1800,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   flex-direction: row;
   flex-wrap: wrap;
 }
+.view-display-id-page_1 article {
+  padding-bottom: 0.7rem;
+}
 .view-display-id-page_1 .views-row {
   width: 30%;
   padding: 1rem;
@@ -1877,6 +1880,90 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
 }
+.view-display-id-page_1 footer {
+  background-color: transparent;
+  text-transform: capitalize;
+}
+.view-display-id-page_1 footer p:first-of-type {
+  font-size: 2rem;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.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: white;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content {
+  background-color: rgb(255, 255, 255);
+  order: 2;
+  display: flex;
+  flex-direction: column;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content h2 {
+  order: 2;
+  margin: 0;
+  font-size: 1.3rem;
+  font-weight: 900;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-lettre-de-site {
+  order: 1;
+  text-transform: uppercase;
+  font-size: 1.5rem;
+  font-weight: 200;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
+  order: 3;
+  line-height: 1.2rem;
+  font-weight: 400;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address {
+  margin: 0;
+  display: inline-flex;
+  font-size: 1.3rem;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .postal-code {
+  order: 2;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .locality {
+  order: 1;
+  text-transform: capitalize;
+  margin-right: 0.5rem;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .country {
+  display: none;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-architecte {
+  order: 4;
+  padding-top: 1rem;
+  text-transform: capitalize;
+  font-weight: 400;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content ul.links {
+  order: 5;
+  text-transform: uppercase;
+  padding: 0;
+  margin: 0;
+  border: none;
+  padding-bottom: 2rem;
+  padding-top: 0.9rem;
+  display: inline-flex;
+}
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content ul.links::after {
+  content: url("../../dist/images/noun-arrow-1569918-black.svg");
+  padding-left: 0.5rem;
+}
 
 .block-views-blockactus-block-1 {
   background-color: white;
@@ -2035,49 +2122,70 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   width: 80%;
   margin: auto;
 }
-.page-node-site .block-region-second {
-  width: 50%;
+.page-node-site .region-content {
+  width: 80%;
+  margin: auto;
 }
-.page-node-site .block-region-second img {
+.page-node-site .region-content .node-type-site {
+  margin: auto;
+  display: flex;
+  flex-direction: column;
   width: 100%;
-  height: auto;
+  background-color: white;
+}
+.page-node-site .region-content .node-type-site .field--name-field-image {
+  order: 2;
+  max-width: 100%;
+}
+.page-node-site .region-content .node-type-site .field--name-field-image img {
+  width: 100%;
+  object-fit: cover;
+  height: fit-content;
+}
+.page-node-site .region-content .node-type-site .filtered-content {
+  background-color: rgb(255, 255, 255);
+  order: 1;
+  display: flex;
+  flex-direction: column;
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
-.page-node-site .block-region-second .block-entity-fieldnodetitle {
+.page-node-site .region-content .node-type-site .filtered-content h2 {
   order: 2;
   margin: 0;
   font-size: 1.3rem;
   font-weight: 900;
 }
-.page-node-site .block-region-second .field--name-field-numero-site {
+.page-node-site .region-content .node-type-site .filtered-content .field--name-field-numero-site {
   order: 1;
   text-transform: uppercase;
   font-size: 1.5rem;
 }
-.page-node-site .block-region-second .field--name-field-adresse-site {
+.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site {
   order: 3;
   font-size: 1.3rem;
   line-height: 0.3rem;
 }
-.page-node-site .block-region-second .field--name-field-adresse-site .address {
+.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address {
   margin: 0;
   display: inline-flex;
 }
-.page-node-site .block-region-second .field--name-field-adresse-site .address .postal-code {
+.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .postal-code {
   order: 2;
 }
-.page-node-site .block-region-second .field--name-field-adresse-site .address .locality {
+.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .locality {
   order: 1;
   text-transform: capitalize;
   margin-right: 0.5rem;
 }
-.page-node-site .block-region-second .field--name-field-adresse-site .address .country {
+.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .country {
   display: none;
 }
-.page-node-site .block-region-second .field--name-field-architecte {
+.page-node-site .region-content .node-type-site .filtered-content .field--name-field-architecte {
   order: 4;
   padding-top: 1rem;
 }
-.page-node-site .block-region-second ul.links {
+.page-node-site .region-content .node-type-site .filtered-content ul.links {
   order: 5;
   text-transform: uppercase;
   padding: 0;
@@ -2087,7 +2195,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 0.9rem;
   display: inline-flex;
 }
-.page-node-site .block-region-second ul.links::after {
+.page-node-site .region-content .node-type-site .filtered-content ul.links::after {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
 }

web/themes/custom/reha/reha.theme

@@ -161,11 +161,11 @@ function reha_preprocess_page(&$variables) {
 
 function reha_preprocess_block(&$variables) {
 
-//  // Conserver les IDs existants et générer un ID unique uniquement si aucun ID n'est présent
-//  if (empty($variables['attributes']['id'])) {
-//   $block_id = 'block-' . uniqid();
-//   $variables['attributes']['id'] = $block_id;
-// }
+ // Conserver les IDs existants et générer un ID unique uniquement si aucun ID n'est présent
+ if (empty($variables['attributes']['id'])) {
+  $block_id = 'block-' . uniqid();
+  $variables['attributes']['id'] = $block_id;
+}
 
   if ($variables['plugin_id'] === "user_login_block") {
     $url = new Url('user.register', [], ['query' => ['destination' => '/node/add/operation']]);

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

@@ -1,6 +1,6 @@
 .home-page-layout-content {
     
-    .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee{
+    .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de{
     border: solid $yellow-puca 1px;
     background-color: $white-button;
     font-weight: 800;
@@ -118,7 +118,7 @@
        
     }
     
-    .block-block-contentbbaa5e2a-7f7c-498f-b08e-d1a3b36c03a8{
+    .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7{
 
         width: fit-content;
         margin: auto;

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

@@ -4,6 +4,9 @@
     flex-direction: row;
     flex-wrap: wrap;
     // justify-content: space-between;
+    article{
+        padding-bottom: 0.7rem;
+    }
     .views-row{
         width: 30%;
         padding: 1rem;
@@ -87,4 +90,95 @@
             
         }
     }
-}
+
+    footer{
+        background-color: transparent;
+        text-transform: capitalize;
+        p:first-of-type{
+            font-size: 2rem;
+        }
+        .view-display-id-block_2{
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            .views-row{
+                width: 30%;
+                padding: 1rem;
+                .node-type-site{
+                    margin: auto;
+                    display: flex;
+                    flex-direction: column;
+                    width: 100%;
+                    background-color: white;
+                    .filtered-content{
+                        // border: solid $yellow-puca 1px;
+                        background-color: $white-button;
+                        order: 2;
+                        display: flex;
+                        flex-direction: column;
+                        padding-left: 1rem;
+                        padding-right: 1rem;
+                        h2{
+                            order: 2;
+                            margin: 0;
+                            font-size: 1.3rem;
+                            font-weight: 900;
+        
+                        }
+                        .field--name-field-lettre-de-site {
+                            order: 1;
+                            text-transform: uppercase;
+                            font-size: 1.5rem;
+                            font-weight: 200;
+                        }
+                        .field--name-field-adresse-site{
+                            order: 3;
+                            line-height: 1.2rem;
+                            font-weight: 400;
+                        
+                            p.address{
+                                margin: 0;
+                                display: inline-flex;
+                                font-size: 1.3rem;
+                                .postal-code{
+                                    order: 2;
+                                }
+                                .locality{
+                                    order: 1;
+                                    text-transform: capitalize;
+                                    margin-right: 0.5rem;
+                                }
+                                .country{
+                                    display: none;
+                                }
+                            }
+                        }
+                        .field--name-field-architecte{
+                            order: 4;
+                            padding-top: 1rem;
+                            text-transform: capitalize;
+                            font-weight: 400;
+                        }
+                        ul.links{
+                            order: 5;
+                            text-transform: uppercase;
+                            padding: 0;
+                            margin: 0;
+                            border: none;
+                            padding-bottom: 2rem;
+                            padding-top: 0.9rem;
+                            display: inline-flex;
+                            &::after{
+                                content:url("../../dist/images/noun-arrow-1569918-black.svg");
+                                padding-left: 0.5rem;
+                            }
+        
+                        }
+                        
+                    }
+                    
+                }
+            }
+        }
+    }
+}

web/themes/custom/reha/scss/pages/node-site.scss

@@ -7,67 +7,89 @@
             margin: auto;
         }
     }
-    .block-region-second{
-        width: 50%;
-        img{
+    .region-content{
+        width: 80%;
+        margin: auto;
+        .node-type-site{
+            margin: auto;
+            display: flex;
+            flex-direction: column;
+            // display: grid;
+            // grid-template-columns: repeat(7, 1fr);
+            // grid-template-rows: repeat(5, 1fr) ;
             width: 100%;
-            // object-fit: contain;
-            height: auto;
-        }
-        .block-entity-fieldnodetitle{
-            order: 2;
-            margin: 0;
-            font-size: 1.3rem;
-            font-weight: 900;
-    
-        }
-        .field--name-field-numero-site {
-            order: 1;
-            text-transform: uppercase;
-            font-size: 1.5rem;
-        }
-        .field--name-field-adresse-site{
-            order: 3;
-            font-size: 1.3rem;
-            line-height: 0.3rem;
-        
-            .address{
-                margin: 0;
-                display: inline-flex;
-                .postal-code{
+            background-color: white;
+            .field--name-field-image{
+                order: 2;
+                max-width: 100%;
+                img{
+                    width: 100%;
+                    object-fit: cover;
+                    height: fit-content;
+                }
+            }
+            .filtered-content{
+                // border: solid $yellow-puca 1px;
+                background-color: $white-button;
+                order: 1;
+                display: flex;
+                flex-direction: column;
+                padding-left: 1rem;
+                padding-right: 1rem;
+                h2{
                     order: 2;
+                    margin: 0;
+                    font-size: 1.3rem;
+                    font-weight: 900;
+
                 }
-                .locality{
+                .field--name-field-numero-site {
                     order: 1;
-                    text-transform: capitalize;
-                    margin-right: 0.5rem;
+                    text-transform: uppercase;
+                    font-size: 1.5rem;
                 }
-                .country{
-                    display: none;
+                .field--name-field-adresse-site{
+                    order: 3;
+                    font-size: 1.3rem;
+                    line-height: 0.3rem;
+                
+                    .address{
+                        margin: 0;
+                        display: inline-flex;
+                        .postal-code{
+                            order: 2;
+                        }
+                        .locality{
+                            order: 1;
+                            text-transform: capitalize;
+                            margin-right: 0.5rem;
+                        }
+                        .country{
+                            display: none;
+                        }
+                    }
                 }
-            }
-        }
-        .field--name-field-architecte{
-            order: 4;
-            padding-top: 1rem;
-        }
-        ul.links{
-            order: 5;
-            text-transform: uppercase;
-            padding: 0;
-            margin: 0;
-            border: none;
-            padding-bottom: 2rem;
-            padding-top: 0.9rem;
-            display: inline-flex;
-            &::after{
-                content:url("../../dist/images/noun-arrow-1569918-black.svg");
-                padding-left: 0.5rem;
-            }
-    
+                .field--name-field-architecte{
+                    order: 4;
+                    padding-top: 1rem;
+                }
+                ul.links{
+                    order: 5;
+                    text-transform: uppercase;
+                    padding: 0;
+                    margin: 0;
+                    border: none;
+                    padding-bottom: 2rem;
+                    padding-top: 0.9rem;
+                    display: inline-flex;
+                    &::after{
+                        content:url("../../dist/images/noun-arrow-1569918-black.svg");
+                        padding-left: 0.5rem;
+                    }
+
+                }
+                
+            }  
         }
     }
-
-
-
 }