tiroir fichiers

2024-06-25 12:45:18 +02:00
parent ed75c51849
commit 3e9cf18246
6 changed files with 185 additions and 5 deletions
@@ -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;
        }
@@ -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;
+        }
+    }  
 }