page node sid

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;
             }
         }
+        
     }
 }