Просмотр исходного кода

aside mon espace de travail clean css

ouidade 1 неделя назад
Родитель
Сommit
5ff5faed25

+ 18 - 18
web/themes/custom/reha/dist/css/bundle.css

@@ -1016,23 +1016,23 @@ aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--colla
   margin-bottom: 1rem;
   border-bottom: black solid 1px;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage,
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement,
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier {
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage,
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement,
+aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier {
   text-transform: uppercase;
   display: flex;
   flex-direction: column;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1),
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement > div:nth-child(1),
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier > div:nth-child(1) {
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage > div:nth-child(1),
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement > div:nth-child(1),
+aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier > div:nth-child(1) {
   display: flex;
   align-items: center;
   flex-direction: row;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1)::before,
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement > div:nth-child(1)::before,
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier > div:nth-child(1)::before {
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage > div:nth-child(1)::before,
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement > div:nth-child(1)::before,
+aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier > div:nth-child(1)::before {
   content: url("../../dist/images/noun-file-6880430.svg");
   display: inline-flex;
   width: 40px;
@@ -1040,21 +1040,21 @@ aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--colla
   padding-right: 1rem;
   align-items: center;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier,
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier,
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier {
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier,
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier,
+aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier {
   padding-left: 10%;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers,
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers,
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers {
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers,
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers,
+aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers {
   text-transform: none;
   border: none;
   padding-left: 10%;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
-aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2) {
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
+aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
+aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2) {
   display: none;
 }
 aside.layout-sidebar-second footer.view-footer {

+ 29 - 43
web/themes/custom/reha/scss/partials/_aside.scss

@@ -39,7 +39,6 @@
 
 aside.layout-sidebar-second{
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
-    // padding-top: $header-height;
     z-index: 100;
     padding-left: 2rem;
     transform: translateX(0%);
@@ -59,7 +58,6 @@ aside.layout-sidebar-second{
         cursor: pointer;
         padding-top: 2rem;
         padding-bottom: 2rem;
-        // text-align: center;
         text-align: start;
         &::before{
             content: url('../../dist/images/noun-arrow-1569918-black.svg');
@@ -82,16 +80,10 @@ aside.layout-sidebar-second{
         margin: 0 6rem ;
         display: flex;
         flex-direction: column;
-        // top: 200px;
-        // position: relative;
-        // padding-top: 10rem;
-        
 
         header{box-shadow: none;}
         
         .view-curent-user-site-dossier{
-            // position: relative;
-            // top: 160px;
             width: fit-content;
             margin-bottom: 2rem;
             .views-field-title{
@@ -99,20 +91,13 @@ aside.layout-sidebar-second{
                 font-weight: 900;
                 display: flex;
                 flex-direction: column-reverse;
-                
                 margin-bottom: 3rem;
-                // position: relative;
-                // z-index: 1000;
                 &::after{
                     content: url(../images/noun-cross-1151731.svg);
                     cursor: pointer;
-                    // padding-left: 2rem;
                     width: fit-content;
                     display: block;
                     align-self: flex-end;
-                    // position: relative;
-                    // right: 55px;
-                    // top: -45px;
                 }
             }
         }
@@ -126,36 +111,37 @@ aside.layout-sidebar-second{
                 margin-bottom: 1rem;
                 border-bottom: black solid 1px;
             }
-            .field--name-field-dossier-de-pilotage,
-            .field--name-field-dossier-evenement,
-            .paragraph--type--dossier{
-                text-transform: uppercase;
+
+        }
+        .field--name-field-dossier-de-pilotage,
+        .field--name-field-dossier-evenement,
+        .paragraph--type--dossier{
+            text-transform: uppercase;
+            display: flex;
+            flex-direction: column;
+            > div:nth-child(1){
                 display: flex;
-                flex-direction: column;
-                > div:nth-child(1){
-                    display: flex;
-                    align-items: center;
-                    flex-direction: row;
-                }
-    
-                > div:nth-child(1)::before{
-                    content: url('../../dist/images/noun-file-6880430.svg');
-                    display: inline-flex;
-                    width: 40px;
-                    height: auto;
-                    padding-right: 1rem;         
-                    align-items: center;
-                }
-                .field__item{
-                    .paragraph--type--dossier{
+                align-items: center;
+                flex-direction: row;
+            }
+
+            > div:nth-child(1)::before{
+                content: url('../../dist/images/noun-file-6880430.svg');
+                display: inline-flex;
+                width: 40px;
+                height: auto;
+                padding-right: 1rem;         
+                align-items: center;
+            }
+            .field__item{
+                .paragraph--type--dossier{
+                    padding-left: 10%;
+                    .field--name-field-fichiers{
+                        text-transform: none;
+                        border: none;
                         padding-left: 10%;
-                        .field--name-field-fichiers{
-                            text-transform: none;
-                            border: none;
-                            padding-left: 10%;
-                            span:nth-of-type(2){
-                                display: none;
-                            }
+                        span:nth-of-type(2){
+                            display: none;
                         }
                     }
                 }