tiroir fichier session storage

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;