tiroir fichier session storage

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

@@ -615,15 +615,14 @@ header #block-reha-views-block-current-user-block-block-1 .connected {
 }
 header #block-reha-views-block-current-user-block-block-1 .connected .connected-full {
   display: none;
-  right: -100%;
-  top: 36px;
+  right: -40%;
   position: absolute;
   background-color: rgb(255, 255, 255);
   width: 550px;
   height: 200vh;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   clip-path: inset(0px -10px -10px -10px);
-  padding: 5% 10% 110px 45%;
+  padding: 5% 10% 110px 20%;
 }
 @media (max-width: 500px) {
   header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre {
@@ -941,6 +940,7 @@ aside.layout-sidebar-second h2 {
   transform: translateX(-50%) translateY(40vh) rotate(-90deg);
   text-transform: uppercase;
   font-weight: 400;
+  cursor: pointer;
 }
 aside.layout-sidebar-second h2::before {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
@@ -986,6 +986,15 @@ aside.layout-sidebar-second footer :hover {
   background-color: #fdc300;
 }
 
+aside.layout-sidebar-second.open {
+  transform: translateX(90%); /* Par défaut ouvert */
+  transition: transform 0.35s;
+}
+
+aside.layout-sidebar-second {
+  transform: translateX(0%);
+}
+
 /* Slider */
 .slick-loading .slick-list {
   background: #fff url("./ajax-loader.gif") center center no-repeat;
@@ -1872,6 +1881,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   order: 4;
   font-size: 1.5rem;
 }
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
+  display: inline;
+}
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
+  content: ",";
+  padding-right: 0.5rem;
+}
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
+  content: "";
+}
 .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
   width: fit-content;
   margin: auto;
@@ -2375,6 +2399,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 0.5rem;
   font-size: 1.2rem;
 }
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
+  display: inline;
+}
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
+  content: ",";
+  padding-right: 0.5rem;
+}
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
+  content: "";
+}
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links {
   order: 5;
   text-transform: uppercase;

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

@@ -79,15 +79,32 @@ jQuery(document).ready(function($){
 
     ////////////// tiroir fichiers ///////
 
-    $(".profile--type--collaborateur").click(function(event) {
-      // Ouvrir .tiroir fichiers
-      $(".layout-sidebar-second").animate({translate:'90%'},350);
-    });
-    $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) {
-      // Ouvrir .tiroir fichiers
-      $(".layout-sidebar-second").animate({translate:'0%'},350);
-    });
-    
+    // $(".profile--type--collaborateur").click(function(event) {
+    //   // Ouvrir .tiroir fichiers
+    //   $(".layout-sidebar-second").animate({translate:'90%'},350);
+    // });
+    // $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) {
+    //   // Ouvrir .tiroir fichiers
+    //   $(".layout-sidebar-second").animate({translate:'0%'},350);
+    // });
+    $(document).ready(function() {
+      // Vérifier l'état initial depuis sessionStorage
+      if (sessionStorage.getItem('asideOpened') === 'true') {
+          $(".layout-sidebar-second").addClass('open');
+      }
+
+      $(".profile--type--collaborateur").click(function(event) {
+          // Ouvrir .tiroir fichiers
+          $(".layout-sidebar-second").addClass('open');
+          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('open');
+          sessionStorage.setItem('asideOpened', 'false');
+      });
+  });
 
 });
 

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

@@ -116,6 +116,22 @@
                     .field--name-field-architecte{
                         order: 4;
                         font-size: 1.5rem;
+                        .field__items{
+                            display: flex;
+                            flex-direction: row;
+                            flex-wrap: wrap;
+                            .field__item{
+                                display: inline;
+                                &::after{
+                                    content:',';
+                                    padding-right: 0.5rem;
+                                }
+                                
+                            }
+                        }
+                        .field__item:last-of-type::after {
+                            content: '';
+                        }
                     }
                 }
             }

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

@@ -124,6 +124,22 @@
                         order: 4;
                         padding-top: 0.5rem;
                         font-size: 1.2rem;
+                        .field__items{
+                            display: flex;
+                            flex-direction: row;
+                            flex-wrap: wrap;
+                            .field__item{
+                                display: inline;
+                                &::after{
+                                    content:',';
+                                    padding-right: 0.5rem;
+                                }
+                                
+                            }
+                        }
+                        .field__item:last-of-type::after {
+                            content: '';
+                        }
                     }
                     ul.links{
                         order: 5;

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

@@ -44,6 +44,7 @@ aside.layout-sidebar-second{
         transform: translateX(-50%) translateY(40vh) rotate(-90deg);
         text-transform: uppercase;
         font-weight: 400;
+        cursor: pointer;
         &::before{
             content:url('../../dist/images/noun-arrow-1569918-black.svg');
             display: inline-block;
@@ -95,4 +96,13 @@ aside.layout-sidebar-second{
             background-color: $yellow-puca;
         }
     }  
+
+  
+}
+aside.layout-sidebar-second.open {
+    transform: translateX(90%); /* Par défaut ouvert */
+    transition: transform 0.35s;
+}
+aside.layout-sidebar-second {
+    transform: translateX(0%);
 }

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

@@ -359,15 +359,15 @@ header{
                 position: relative;
                 .connected-full{
                     display: none;
-                    right:-100%;
-                    top: 36px;  // Positionnez-les sous les boutons
+                    right:-40%;
+                    // top: 36px; 
                     position: absolute;
                     background-color: $white-header;
                     width: $width-menu-slidedown;
                     height: 200vh;
                     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                     clip-path: inset(0px -10px -10px -10px);
-                    padding: 5% 10% $header-height 45%;
+                    padding: 5% 10% $header-height 20%;
                     .titre{
                         @media (max-width:500px) {
                             font-size: 1.4rem;