From 409aabab5a3777f2652543aec69c78cef388d79b Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 2 Jul 2024 15:23:46 +0200
Subject: [PATCH] tiroir fichiers css

---
 web/themes/custom/reha/dist/css/bundle.css    | 10 +++++++--
 .../custom/reha/scss/global/_layout.scss      | 18 +++++++--------
 .../custom/reha/scss/partials/_aside.scss     | 22 ++-----------------
 3 files changed, 19 insertions(+), 31 deletions(-)

diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index bf376fd..d666288 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/web/themes/custom/reha/dist/css/bundle.css
@@ -161,12 +161,18 @@
   overflow: hidden;
   display: flex;
   flex-flow: row wrap;
+  -webkit-user-select: none;
+  -webkit-touch-callout: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 .layout-container header {
   flex: 0 0 100%;
 }
 .layout-container footer {
   flex: 0 0 100%;
+  z-index: 101;
 }
 
 .layout-content {
@@ -219,11 +225,11 @@ aside.layout-sidebar-first {
 }
 
 aside.layout-sidebar-second {
-  position: fixed;
+  position: absolute;
   top: 0;
   right: 0;
   background-color: #fff;
-  height: 100vh;
+  height: 300vh;
   padding: 1em;
   z-index: 100;
 }
diff --git a/web/themes/custom/reha/scss/global/_layout.scss b/web/themes/custom/reha/scss/global/_layout.scss
index e249c37..6da68f1 100644
--- a/web/themes/custom/reha/scss/global/_layout.scss
+++ b/web/themes/custom/reha/scss/global/_layout.scss
@@ -11,20 +11,22 @@ $width-menu-slidedown : 550px;
     font-style: normal;
     top: 0%;
     left: 0%;
-    // width: 100%;
     overflow: hidden;
     display: flex;
     flex-flow: row wrap;
+    -webkit-user-select: none;
+    -webkit-touch-callout: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
     
     header{
         flex: 0 0 100%;
     }
-    // main{
-    //     // position: relative;
-    //     // top: -7rem;
-    // }
+
     footer{
         flex: 0 0 100%;
+        z-index: 101;
     }
 }
 
@@ -70,11 +72,11 @@ aside.layout-sidebar-first{
     }
 }
 aside.layout-sidebar-second{
-    position: fixed;
+    position: absolute;
     top:0;
     right:0;
     background-color: #fff;
-    height: 100vh;
+    height: 300vh;
     padding: 1em;
     z-index: 100;
 }
@@ -86,8 +88,6 @@ main{
     @media (max-width:500px) {
         flex-direction: column;
     }
-
-
 }
 
 .main-content{
diff --git a/web/themes/custom/reha/scss/partials/_aside.scss b/web/themes/custom/reha/scss/partials/_aside.scss
index 0c556a3..9823387 100644
--- a/web/themes/custom/reha/scss/partials/_aside.scss
+++ b/web/themes/custom/reha/scss/partials/_aside.scss
@@ -52,8 +52,7 @@ aside.layout-sidebar-second{
             background-color: $yellow-puca;
         }
     }
-    .block-views-blockcurrent-user-doc-profile-block-1{
-    }
+
     h2{
         transform: translateX(-48%) translateY(25vh) rotate(-90deg);
         text-transform: uppercase;
@@ -109,23 +108,9 @@ aside.layout-sidebar-second{
             position: relative;
             top: 200px;
         }
-    // }
-    
-    // .profile--type--collaborateur{
-        // .field--name-field-site{
-        //     font-size: 2rem;
-        //     font-weight: 900;
-        //     display: flex;
-        //     margin-bottom: 3rem;
-        //     &::after{
-        //         content: url(../images/noun-cross-1151731.svg);
-        //         cursor: pointer;
-        //         padding-left: 2rem;
-        //     }
-        // }
+
         .field--name-field-dossier-de-pilotage,
         .field--name-field-dossier-evenement,
-        // .views-field-field-telechargement-prive,
         .paragraph--type--dossier{
             text-transform: uppercase;
             display: flex;
@@ -145,9 +130,6 @@ aside.layout-sidebar-second{
                 align-items: center;
             }
             .field__item{
-                // align-self: flex-end;
-                // padding-right: 2rem;
-                // padding-left: 3rem;
                 .paragraph--type--dossier{
                     padding-left: 25%;
                     .field--name-field-fichiers{