tiroir fichiers

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

@@ -76,6 +76,18 @@ jQuery(document).ready(function($){
     $("#edit-field-dossier-de-candidature-0--description>ul.main").slideToggle();
   });
 
+
+    ////////////// 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);
+    });
+
 });
 
 

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

@@ -20,7 +20,7 @@
             flex-direction: row;
             grid-column: 5 /span 7;
             grid-row: 1;   
-            z-index: 99;  
+            z-index: 97;  
             height: fit-content;
             align-self: end;
         }

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

@@ -31,4 +31,68 @@
     }
 
    
+}
+
+////// tiroirs fichers
+
+aside.layout-sidebar-second{
+    overflow: scroll;
+    padding-top: $header-height;
+    z-index: 98;
+    padding-left: 2rem;
+    h2{
+        transform: translateX(-50%) translateY(45vh) rotate(-90deg);
+        text-transform: uppercase;
+        font-weight: 400;
+        &::before{
+            content:url('../../dist/images/noun-arrow-1569918-black.svg');
+            display: inline-block;
+            transform: translateY(5px) rotate(90deg);
+        }
+    }
+    .view-current-user-doc-profile{
+        padding: 0 2rem ;
+    }
+    .profile--type--collaborateur{
+        .field--name-field-site{
+            font-size: 2rem;
+            font-weight: 900;
+            display: flex;
+            justify-content: space-between;
+            &::after{
+                content: url(../images/noun-cross-1151731.svg);
+                cursor: pointer;
+            }
+        }
+        .field--name-field-dossier-de-pilotage{
+            text-transform: uppercase;
+            display: flex;
+            flex-direction: column;
+
+            > div:nth-child(1)::before{
+                content: url('../../dist/images/noun-file-6880430.svg');
+                display: inline-block;
+                width: 70px;
+                height: auto;
+                // align-content: center;
+         
+                align-items: center;
+            }
+            .field__item{
+                width: 75%;
+                align-self: flex-end;
+                padding-right: 2rem;
+
+            }
+        }
+    }  
+    footer{
+        @extend %buttonwithborder;
+        width: fit-content;
+        padding: 0.3rem;
+        font-weight: 400;
+        :hover{
+            background-color: $yellow-puca;
+        }
+    }  
 }