profile-type-collaboraeur

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

@@ -945,10 +945,12 @@ aside.layout-sidebar-second {
   padding-left: 2rem;
 }
 aside.layout-sidebar-second h2 {
-  transform: translateX(-50%) translateY(40vh) rotate(-90deg);
+  transform: translateX(-48%) translateY(25vh) rotate(-90deg);
   text-transform: uppercase;
   font-weight: 400;
   cursor: pointer;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
 }
 aside.layout-sidebar-second h2::before {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
@@ -956,19 +958,22 @@ aside.layout-sidebar-second h2::before {
   transform: translateY(5px) rotate(90deg);
 }
 aside.layout-sidebar-second .view-current-user-doc-profile {
-  padding: 0 2rem;
+  margin: 0 6rem;
   display: flex;
   flex-direction: column;
+  top: -60px;
+  position: relative;
 }
 aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-site {
   font-size: 2rem;
   font-weight: 900;
   display: flex;
-  justify-content: space-between;
+  margin-bottom: 3rem;
 }
 aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-site::after {
   content: url(../images/noun-cross-1151731.svg);
   cursor: pointer;
+  padding-left: 2rem;
 }
 aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage,
 aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-evenement {
@@ -1031,7 +1036,7 @@ aside.layout-sidebar-second footer.view-footer :hover {
 }
 
 aside.layout-sidebar-second.open {
-  transform: translateX(90%); /* Par défaut ouvert */
+  transform: translateX(85%); /* Par défaut ouvert */
   transition: transform 0.35s;
 }
 aside.layout-sidebar-second.open:hover {
@@ -1040,6 +1045,7 @@ aside.layout-sidebar-second.open:hover {
 
 aside.layout-sidebar-second {
   transform: translateX(0%);
+  transition: transform 0.35s;
 }
 
 /* Slider */

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

@@ -42,10 +42,12 @@ aside.layout-sidebar-second{
     padding-left: 2rem;
     // #block-reha-views-block-current-user-doc-profile-block-1{
         h2{
-            transform: translateX(-50%) translateY(40vh) rotate(-90deg);
+            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;
@@ -53,19 +55,23 @@ aside.layout-sidebar-second{
             }
         }
         .view-current-user-doc-profile{
-            padding: 0 2rem ;
+            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;
-                justify-content: space-between;
+                margin-bottom: 3rem;
                 &::after{
                     content: url(../images/noun-cross-1151731.svg);
                     cursor: pointer;
+                    padding-left: 2rem;
                 }
             }
             .field--name-field-dossier-de-pilotage,
@@ -135,7 +141,7 @@ aside.layout-sidebar-second{
   
 }
 aside.layout-sidebar-second.open {
-    transform: translateX(90%); /* Par défaut ouvert */
+    transform: translateX(85%); /* Par défaut ouvert */
     transition: transform 0.35s;
     &:hover{
         background-color: $yellow-puca;
@@ -144,5 +150,6 @@ aside.layout-sidebar-second.open {
 }
 aside.layout-sidebar-second {
     transform: translateX(0%);
+    transition: transform 0.35s;
 
 }