page node sid

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

@@ -2,7 +2,9 @@
 /*reha*/
 /*global*/
 /* Colors used for REHA */
-#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .page-programme .field--type-link {
+#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
+.next-site,
+.prev-site, .page-programme .field--type-link {
   text-transform: uppercase;
   padding: 0.5rem;
   border: solid black 1px;
@@ -11,7 +13,9 @@
   font-size: 0.9rem;
 }
 @media (max-width: 891px) {
-  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .page-programme .field--type-link {
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
+  .next-site,
+  .prev-site, .page-programme .field--type-link {
     font-size: 1rem;
   }
 }
@@ -22,7 +26,9 @@
   background-color: transparent;
 }
 
-.field--type-link {
+.field--type-link,
+.next-site,
+.prev-site {
   width: fit-content;
 }
 
@@ -1725,7 +1731,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 .image-site {
   order: 1;
   grid-row: 1/span 10;
-  grid-column: 2/span 9;
+  grid-column: 2/span 10;
   width: 100%;
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img {
@@ -1740,7 +1746,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   display: flex;
   flex-direction: column;
   grid-row: 7/span 5;
-  grid-column: 7/span 9;
+  grid-column: 10/span 10;
   padding: 1rem;
   z-index: 99;
 }
@@ -1755,6 +1761,8 @@ 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 .infos-content-site h2 {
   order: 2;
   margin: 0;
+  font-size: 1.9rem;
+  font-weight: 1000;
 }
 @media (max-width: 891px) {
   .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 {
@@ -1765,7 +1773,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 .infos-content-site .field--name-field-numero-site {
   order: 1;
   text-transform: uppercase;
-  font-size: 2rem;
+  font-size: 1.5rem;
 }
 @media (max-width: 891px) {
   .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-numero-site {
@@ -1800,6 +1808,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 .infos-content-site .field--name-field-architecte {
   order: 4;
+  font-size: 1.5rem;
 }
 .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
   width: fit-content;
@@ -2166,45 +2175,61 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .page-node-site .region-content {
   width: 80%;
   margin: auto;
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  grid-template-rows: 0.5fr repeat(5, 2fr);
+}
+.page-node-site .region-content #block-reha-prevnextblock {
+  display: flex;
+  flex-direction: row;
+  grid-column: 5/span 7;
+  grid-row: 1;
+  z-index: 99;
+  height: fit-content;
+  align-self: end;
 }
 .page-node-site .region-content #block-reha-titredepage {
   display: none;
 }
-.page-node-site .region-content .node-type-site {
+.page-node-site .region-content #block-reha-contenudelapageprincipale {
+  grid-column: 1/span 8;
+  grid-row: 1/span 10;
+}
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site {
   margin: auto;
   display: flex;
   flex-direction: column;
 }
-.page-node-site .region-content .node-type-site .image-site {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site {
   order: 2;
   top: -150px;
   position: relative;
 }
-.page-node-site .region-content .node-type-site .image-site .field--name-field-image {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image {
   width: 100%;
   margin: auto;
 }
-.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item {
   display: flex;
   flex-direction: row;
 }
-.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item img {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item img {
   width: 100%;
   object-fit: cover;
   height: auto;
   padding-left: 13%;
 }
-.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item blockquote {
   align-self: flex-end;
   font-style: italic;
   margin: 0;
   width: 20%;
 }
-.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote p {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item blockquote p {
   margin: 0;
   padding-left: 1rem;
 }
-.page-node-site .region-content .node-type-site .infos-content-site {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site {
   z-index: 99;
   background-color: rgb(255, 255, 255);
   width: 25vw;
@@ -2216,51 +2241,53 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-bottom: 4rem;
   padding-top: 1rem;
 }
-.page-node-site .region-content .node-type-site .infos-content-site h1 {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site h1 {
   order: 2;
   margin: 0;
-  font-size: 1.3rem;
+  font-size: 1.8rem;
   font-weight: 900;
 }
-.page-node-site .region-content .node-type-site .infos-content-site h2 {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site h2 {
   order: 2;
   margin: 0;
   font-size: 1.3rem;
   font-weight: 900;
 }
-.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-numero-site {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-numero-site {
   order: 1;
   text-transform: uppercase;
   font-size: 1.5rem;
 }
-.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site {
   order: 3;
-  font-size: 1rem;
+  font-size: 1.2rem;
   line-height: 1.3rem;
 }
-.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site .address {
   margin: 0;
   display: inline-flex;
 }
-.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .postal-code {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site .address .postal-code {
   order: 2;
 }
-.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .locality {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site .address .locality {
   order: 1;
   text-transform: capitalize;
   margin-right: 0.5rem;
 }
-.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .country {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site .address .country {
   display: none;
 }
-.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-date-de-construction {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-date-de-construction {
   order: 5;
+  font-size: 1.2rem;
 }
-.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-architecte {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte {
   order: 4;
-  padding-top: 1rem;
+  padding-top: 0.5rem;
+  font-size: 1.2rem;
 }
-.page-node-site .region-content .node-type-site .infos-content-site ul.links {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links {
   order: 5;
   text-transform: uppercase;
   padding: 0;
@@ -2270,11 +2297,11 @@ 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 .region-content .node-type-site .infos-content-site ul.links::after {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links::after {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
 }
-.page-node-site .region-content .node-type-site .body-content-site {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site {
   order: 3;
   top: -60px;
   position: relative;

web/themes/custom/reha/scss/global/variables/_buttons.scss

@@ -27,7 +27,9 @@
     padding: 0.3rem;
     background-color: transparent;
 }
-.field--type-link {
+.field--type-link,
+.next-site,
+.prev-site {
     @extend %buttonwithborder;
     width: fit-content;
 }

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

@@ -49,7 +49,7 @@
                 .image-site{
                     order: 1;
                     grid-row: 1/span 10;
-                    grid-column: 2/span 9;
+                    grid-column: 2/span 10;
                     width: 100%;
                     img {
                         // width: 70%;
@@ -68,7 +68,7 @@
                     display: flex;
                     flex-direction: column;
                     grid-row: 7/span 5;
-                    grid-column: 7/span 9;
+                    grid-column: 10/span 10;
                     padding: 1rem;
                     z-index: 99;
                     @media(max-width: 891px){
@@ -78,6 +78,8 @@
                     h2{
                         order: 2;
                         margin: 0;
+                        font-size: 1.9rem;
+                        font-weight: 1000;
                         @media(max-width: 891px){
                             font-size: 1.2rem;
                             line-height: 1.3rem;
@@ -86,7 +88,7 @@
                     .field--name-field-numero-site {
                         order: 1;
                         text-transform: uppercase;
-                        font-size: 2rem;
+                        font-size: 1.5rem;
                         @media(max-width: 891px){
                             font-size: 1.5rem;
                         }
@@ -117,6 +119,7 @@
                     }
                     .field--name-field-architecte{
                         order: 4;
+                        font-size: 1.5rem;
                     }
                 }
             }

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

@@ -11,131 +11,147 @@
         
         width: 80%;
         margin: auto;
+        display: grid;
+        grid-template-columns: repeat(8, 1fr);
+        grid-template-rows: 0.5fr repeat(5, 2fr);
+       
+        #block-reha-prevnextblock{
+            display: flex;
+            flex-direction: row;
+            grid-column: 5 /span 7;
+            grid-row: 1;   
+            z-index: 99;  
+            height: fit-content;
+            align-self: end;
+        }
 
         #block-reha-titredepage{
             display: none;
         }
-        .node-type-site{
-            margin: auto;
-            display: flex;
-            flex-direction: column;
-            .image-site{
-                order: 2;
-                top: -150px;
-                position: relative;
-                .field--name-field-image{
-                    // position: relative;
-                    // order: 2;
-                    width: 100%;
-                    margin: auto;
-                    // max-width: 100%;
-                    .field__item{
-                        display: flex;
-                        flex-direction: row;
-                        // padding-left: 20%;
-                        img{
-                            width: 100%;
-                            object-fit: cover;
-                            height: auto;
-                            padding-left: 13%;
-                        }
-                        blockquote{
-                            align-self: flex-end;
-                            font-style: italic;
-                            margin: 0;
-                            width: 20%;
-    
-                            p{
+        #block-reha-contenudelapageprincipale{
+            grid-column: 1 /span 8;
+            grid-row: 1 /span 10;
+            .node-type-site{
+                margin: auto;
+                display: flex;
+                flex-direction: column;
+                .image-site{
+                    order: 2;
+                    top: -150px;
+                    position: relative;
+                    .field--name-field-image{
+                        width: 100%;
+                        margin: auto;
+                        .field__item{
+                            display: flex;
+                            flex-direction: row;
+                            img{
+                                width: 100%;
+                                object-fit: cover;
+                                height: auto;
+                                padding-left: 13%;
+                            }
+                            blockquote{
+                                align-self: flex-end;
+                                font-style: italic;
                                 margin: 0;
-                                padding-left: 1rem;
+                                width: 20%;
+        
+                                p{
+                                    margin: 0;
+                                    padding-left: 1rem;
+                                }
                             }
                         }
                     }
                 }
-            }
-           
-            .infos-content-site{
-                z-index: 99;
-                background-color: $white-button;
-                width: 25vw;
-                order: 1;
-                display: flex;
-                flex-direction: column;
-                padding-left: 1rem;
-                padding-right: 1rem;
-                padding-bottom: 4rem;
-                padding-top: 1rem;
-                h1{
-                    order: 2;
-                    margin: 0;
-                    font-size: 1.3rem;
-                    font-weight: 900; 
-                }
-                h2{
-                    order: 2;
-                    margin: 0;
-                    font-size: 1.3rem;
-                    font-weight: 900;
-
-                }
-                .field--name-field-numero-site {
+               
+                .infos-content-site{
+                    z-index: 99;
+                    background-color: $white-button;
+                    width: 25vw;
                     order: 1;
-                    text-transform: uppercase;
-                    font-size: 1.5rem;
-                }
-                .field--name-field-adresse-site{
-                    order: 3;
-                    font-size: 1rem;
-                    line-height: 1.3rem;
-                
-                    .address{
+                    display: flex;
+                    flex-direction: column;
+                    padding-left: 1rem;
+                    padding-right: 1rem;
+                    padding-bottom: 4rem;
+                    padding-top: 1rem;
+                    h1{
+                        order: 2;
                         margin: 0;
-                        display: inline-flex;
-                        .postal-code{
-                            order: 2;
-                        }
-                        .locality{
-                            order: 1;
-                            text-transform: capitalize;
-                            margin-right: 0.5rem;
-                        }
-                        .country{
-                            display: none;
+                        font-size: 1.8rem;
+                        font-weight: 900; 
+                    }
+                    h2{
+                        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.2rem;
+                        line-height: 1.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-date-de-construction{
-                    order: 5;
-                }
-                .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-date-de-construction{
+                        order: 5;
+                        font-size: 1.2rem;
                     }
-
+                    .field--name-field-architecte{
+                        order: 4;
+                        padding-top: 0.5rem;
+                        font-size: 1.2rem;
+                    }
+                    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;
+                        }
+    
+                    }
+                    
+                }  
+                .body-content-site{
+                    order: 3;
+                    top: -60px;
+                    position: relative;
+                    width: 50%;
+                    margin: auto;
+                    font-size: 1.3rem;
                 }
-                
-            }  
-            .body-content-site{
-                order: 3;
-                top: -60px;
-                position: relative;
-                width: 50%;
-                margin: auto;
-                font-size: 1.3rem;
             }
         }
+        
     }
 }