divers

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

@@ -939,10 +939,20 @@ h4 {
 }
 
 aside.layout-sidebar-second {
+  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
   overflow: scroll;
   padding-top: 110px;
   z-index: 100;
   padding-left: 2rem;
+  transform: translateX(0%);
+  transition: transform 0.35s;
+}
+aside.layout-sidebar-second.close {
+  transform: translateX(85%); /* Par défaut ouvert */
+  transition: transform 0.35s;
+}
+aside.layout-sidebar-second.close:hover {
+  background-color: #fdc300;
 }
 aside.layout-sidebar-second h2 {
   transform: translateX(-48%) translateY(25vh) rotate(-90deg);
@@ -957,6 +967,10 @@ aside.layout-sidebar-second h2::before {
   display: inline-block;
   transform: translateY(5px) rotate(90deg);
 }
+aside.layout-sidebar-second h2.__close::before {
+  content: url("../../dist/images/noun-arrow-1569918-black.svg");
+  display: inline-block;
+}
 aside.layout-sidebar-second .view-current-user-doc-profile {
   margin: 0 6rem;
   display: flex;
@@ -1035,19 +1049,6 @@ aside.layout-sidebar-second footer.view-footer :hover {
   background-color: #fdc300;
 }
 
-aside.layout-sidebar-second.close {
-  transform: translateX(85%); /* Par défaut ouvert */
-  transition: transform 0.35s;
-}
-aside.layout-sidebar-second.close:hover {
-  background-color: #fdc300;
-}
-
-aside.layout-sidebar-second {
-  transform: translateX(0%);
-  transition: transform 0.35s;
-}
-
 /* Slider */
 .slick-loading .slick-list {
   background: #fff url("./ajax-loader.gif") center center no-repeat;
@@ -2652,7 +2653,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .page-node-site .region-content #block-reha-prevnextblock {
   display: flex;
   flex-direction: row;
-  grid-column: 4/span 6;
+  grid-column: 2/span 8;
   grid-row: 2;
   z-index: 97;
   height: fit-content;
@@ -2674,7 +2675,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .page-node-site .region-content #block-reha-contenudelapageprincipale {
   grid-column: 1/span 8;
-  grid-row: 1/span 10;
+  grid-row: 2/span 10;
 }
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site {
   margin: auto;

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

@@ -91,17 +91,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');
       }
 
       $(".profile--type--collaborateur").click(function(event) {
           // Ouvrir .tiroir fichiers
           $(".layout-sidebar-second").addClass('close');
+          $("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');
           sessionStorage.setItem('asideOpened', 'false');
       });
   });

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

@@ -18,7 +18,7 @@
         #block-reha-prevnextblock{
             display: flex;
             flex-direction: row;
-            grid-column: 4 /span 6;
+            grid-column: 2 /span 8;
             grid-row: 2;   
             z-index: 97;  
             height: fit-content;
@@ -46,7 +46,7 @@
         }
         #block-reha-contenudelapageprincipale{
             grid-column: 1 /span 8;
-            grid-row: 1 /span 10;
+            grid-row: 2 /span 10;
             .node-type-site{
                 margin: auto;
                 display: flex;

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

@@ -1,5 +1,7 @@
 .layout-sidebar-first{
 
+
+
     #block-reha-phase1{
         border: solid $yellow-puca 1px;
         font-weight: 800;
@@ -35,121 +37,121 @@
 
 ////// tiroirs fichers
 
+
 aside.layout-sidebar-second{
+    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
     overflow: scroll;
     padding-top: $header-height;
     z-index: 100;
     padding-left: 2rem;
-    // #block-reha-views-block-current-user-doc-profile-block-1{
-        h2{
-            transform: translateX(-48%) translateY(25vh) rotate(-90deg);
-            text-transform: uppercase;
-            font-weight: 400;
-            cursor: pointer;
-            padding-top: 2rem;
-            padding-bottom: 2rem;
-            &::before{
-                content: url('../../dist/images/noun-arrow-1569918-black.svg');
-                display: inline-block;
-                transform: translateY(5px) rotate(90deg);
+    transform: translateX(0%);
+    transition: transform 0.35s;
+    &.close {
+        transform: translateX(85%); /* Par défaut ouvert */
+        transition: transform 0.35s;
+        &:hover{
+            background-color: $yellow-puca;
+        }
+    }
+    h2{
+        transform: translateX(-48%) translateY(25vh) rotate(-90deg);
+        text-transform: uppercase;
+        font-weight: 400;
+        cursor: pointer;
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+        &::before{
+            content: url('../../dist/images/noun-arrow-1569918-black.svg');
+            display: inline-block;
+            transform: translateY(5px) rotate(90deg);
+        }
+
+    }
+    h2.__close{
+        &::before{
+            content: url('../../dist/images/noun-arrow-1569918-black.svg');
+            display: inline-block;
+          
+        }
+    }
+    .view-current-user-doc-profile{
+        margin: 0 6rem ;
+        display: flex;
+        flex-direction: column;
+        top: -60px;
+        position: relative;
+    }
+    
+    .profile--type--collaborateur{
+        .field--name-field-site{
+            font-size: 2rem;
+            font-weight: 900;
+            display: flex;
+            margin-bottom: 3rem;
+            &::after{
+                content: url(../images/noun-cross-1151731.svg);
+                cursor: pointer;
+                padding-left: 2rem;
             }
         }
-        .view-current-user-doc-profile{
-            margin: 0 6rem ;
+        .field--name-field-dossier-de-pilotage,
+        .field--name-field-dossier-evenement{
+            text-transform: uppercase;
             display: flex;
             flex-direction: column;
-            top: -60px;
-            position: relative;
-        }
-        
-        .profile--type--collaborateur{
-            .field--name-field-site{
-                font-size: 2rem;
-                font-weight: 900;
+            > div:nth-child(1){
                 display: flex;
-                margin-bottom: 3rem;
-                &::after{
-                    content: url(../images/noun-cross-1151731.svg);
-                    cursor: pointer;
-                    padding-left: 2rem;
-                }
+                align-items: center;
+                flex-direction: row;
             }
-            .field--name-field-dossier-de-pilotage,
-            .field--name-field-dossier-evenement{
-                text-transform: uppercase;
-                display: flex;
-                flex-direction: column;
-                > div:nth-child(1){
-                    display: flex;
-                    align-items: center;
-                    flex-direction: row;
-                }
-    
-                > div:nth-child(1)::before{
-                    content: url('../../dist/images/noun-file-6880430.svg');
-                    display: inline-flex;
-                    width: 70px;
-                    height: auto;
-                    padding-right: 1rem;         
-                    align-items: center;
-                }
-                .field__item{
-                    // align-self: flex-end;
-                    // padding-right: 2rem;
-                    // padding-left: 3rem;
-                    .paragraph--type--dossier{
-                        padding-left: 25%;
-                        .field--name-field-fichiers{
-                            text-transform: none;
-                            border: none;
-                            padding-left: 10%;
-                            span:nth-of-type(2){
-                                display: none;
-                            }
+
+            > div:nth-child(1)::before{
+                content: url('../../dist/images/noun-file-6880430.svg');
+                display: inline-flex;
+                width: 70px;
+                height: auto;
+                padding-right: 1rem;         
+                align-items: center;
+            }
+            .field__item{
+                // align-self: flex-end;
+                // padding-right: 2rem;
+                // padding-left: 3rem;
+                .paragraph--type--dossier{
+                    padding-left: 25%;
+                    .field--name-field-fichiers{
+                        text-transform: none;
+                        border: none;
+                        padding-left: 10%;
+                        span:nth-of-type(2){
+                            display: none;
                         }
                     }
                 }
             }
-        }  
-    
-        footer.view-footer{
-            margin-top: 3rem;
-            text-transform: uppercase;
-            border: solid black 1px;
-            background-color: $white-button;
-            font-size: 0.9rem;
-            width: fit-content;
-            font-weight: 400;
-            padding-top: 0;
-            align-self: left;
-            margin-left: 1rem;
-
-            @media (max-width:891px) {
-                font-size: 1rem;
-             }
-             p{margin: 0;
-                padding: 0.3rem;}
-            :hover{
-                background-color: $yellow-puca;
-            }
+        }
+    }  
 
-        } 
+    footer.view-footer{
+        margin-top: 3rem;
+        text-transform: uppercase;
+        border: solid black 1px;
+        background-color: $white-button;
+        font-size: 0.9rem;
+        width: fit-content;
+        font-weight: 400;
+        padding-top: 0;
+        align-self: left;
+        margin-left: 1rem;
 
-    
-    // }
-    
-  
-}
-aside.layout-sidebar-second.close {
-    transform: translateX(85%); /* Par défaut ouvert */
-    transition: transform 0.35s;
-    &:hover{
-        background-color: $yellow-puca;
-    }
-    
+        @media (max-width:891px) {
+            font-size: 1rem;
+            }
+            p{margin: 0;
+            padding: 0.3rem;}
+        :hover{
+            background-color: $yellow-puca;
+        }
+    } 
 }
-aside.layout-sidebar-second {
-    transform: translateX(0%);
-    transition: transform 0.35s;
 
-}

web/themes/custom/reha/templates/node--site.html.twig

@@ -97,16 +97,8 @@
 <article{{ attributes.addClass('node-type-site') }}>
 
   {{ title_prefix }}
-
-  {# Afficher le champ image séparément #}
-  {% if image_field_content %}
-    <div class="image-site">
-      {{ image_field_content }}
-    </div>
-  {% endif %}
-
-  {# Envelopper le titre et tous les autres champs dans une nouvelle div #}
-  <div class="infos-content-site">
+<div class="entete_site">
+ <div class="infos-content-site">
     <h1>{{ node.label }}</h1>
     {% if label and not page %}
       <h2{{ title_attributes }}>
@@ -127,6 +119,13 @@
     {% endif %}
    
   </div>
+  {% if image_field_content %}
+    <div class="image-site">
+      {{ image_field_content }}
+    </div>
+  {% endif %}
+
+ </div> 
     {% if body_field_content is defined or files_field_content is defined %}
     <div class="body-content-site">
       {% if body_field_content is defined %}