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,12 +37,22 @@
 
 ////// 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{
+    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;
@@ -53,6 +65,14 @@ aside.layout-sidebar-second{
             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 ;
@@ -132,24 +152,6 @@ aside.layout-sidebar-second{
         :hover{
             background-color: $yellow-puca;
         }
-
     } 
-
-    
-    // }
-    
-  
 }
-aside.layout-sidebar-second.close {
-    transform: translateX(85%); /* Par défaut ouvert */
-    transition: transform 0.35s;
-    &: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,15 +97,7 @@
 <article{{ attributes.addClass('node-type-site') }}>
 
   {{ title_prefix }}
-
+<div class="entete_site">
-  {# 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">
     <h1>{{ node.label }}</h1>
     {% if label and not page %}
@@ -126,6 +118,13 @@
       </div>
     {% 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">