logo header, profile-type-collaboraeur

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

@@ -346,7 +346,7 @@ header .region-header #block-reha-logoreha .field--name-field-logo .field__item
   height: 110px;
 }
 header .region-header #block-reha-logoreha .field--name-field-logo .field__item img {
-  max-height: 85px;
+  max-height: 92px;
   width: auto;
 }
 header .region-header #block-reha-navigationprincipale {
@@ -970,17 +970,20 @@ aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-sit
   content: url(../images/noun-cross-1151731.svg);
   cursor: pointer;
 }
-aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage {
+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 {
   text-transform: uppercase;
   display: flex;
   flex-direction: column;
 }
-aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1) {
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1),
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-evenement > div:nth-child(1) {
   display: flex;
   align-items: center;
   flex-direction: row;
 }
-aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1)::before {
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1)::before,
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-evenement > div:nth-child(1)::before {
   content: url("../../dist/images/noun-file-6880430.svg");
   display: inline-flex;
   width: 70px;
@@ -988,35 +991,44 @@ aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dos
   padding-right: 1rem;
   align-items: center;
 }
-aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item {
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier,
-  width: 75%;
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier {
-  align-self: flex-end;
+  padding-left: 25%;
-  padding-right: 2rem;
 }
-aside.layout-sidebar-second footer {
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers,
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers {
+  text-transform: none;
+  border: none;
+  padding-left: 10%;
+}
+aside.layout-sidebar-second .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 .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2) {
+  display: none;
+}
+aside.layout-sidebar-second footer.view-footer {
+  margin-top: 3rem;
   text-transform: uppercase;
   border: solid black 1px;
   background-color: rgb(255, 255, 255);
   font-size: 0.9rem;
   width: fit-content;
   font-weight: 400;
+  padding-top: 0;
+  align-self: left;
+  margin-left: 1rem;
 }
 @media (max-width: 891px) {
-  aside.layout-sidebar-second footer {
+  aside.layout-sidebar-second footer.view-footer {
     font-size: 1rem;
   }
 }
-aside.layout-sidebar-second footer p {
+aside.layout-sidebar-second footer.view-footer p {
   margin: 0;
   padding: 0.3rem;
 }
-aside.layout-sidebar-second footer :hover {
+aside.layout-sidebar-second footer.view-footer :hover {
   background-color: #fdc300;
 }
-aside.layout-sidebar-second .view-footer {
-  padding-top: 0;
-  align-self: center;
-}
 
 aside.layout-sidebar-second.open {
   transform: translateX(90%); /* Par défaut ouvert */
@@ -2557,8 +2569,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   content: url("../dist/images/noun-arrow-1569918-black.svg");
 }
 
-.page-programme .block-region-first {
+.page-programme .layout__region--first {
+  position: relative;
+}
+.page-programme .layout__region--first .block-region-first {
   padding-left: 18%;
+  display: flex;
+  justify-content: flex-end;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 10rem;
 }
 .page-programme .block-region-second h2 {
   font-weight: 1000;
@@ -3018,3 +3038,19 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   order: 6;
   display: none;
 }
+
+.page-mon-espace-de-travail .layout-content {
+  width: 50%;
+  margin-left: 8%;
+}
+.page-mon-espace-de-travail .layout-content .field--type-file {
+  background-color: transparent;
+  border: none;
+}
+.page-mon-espace-de-travail .layout-content .js-form-type-textfield {
+  flex-direction: row;
+  align-content: center;
+}
+.page-mon-espace-de-travail .layout-content .js-form-type-textfield label {
+  margin-right: 1rem;
+}

web/themes/custom/reha/scss/pages/le-programme.scss

@@ -1,7 +1,17 @@
 
 .page-programme{
-    .block-region-first{
+    .layout__region--first{
-        padding-left: 18%;
+
+        position: relative;
+        .block-region-first{
+            padding-left: 18%;
+            display: flex;
+            justify-content: flex-end;
+            position: -webkit-sticky;
+            position: sticky;
+            top: 10rem;
+    
+        }
     }
     .block-region-second{
         h2{

web/themes/custom/reha/scss/pages/page-mon-espace-de-travail.scss

@@ -0,0 +1,16 @@
+.page-mon-espace-de-travail{
+    .layout-content{
+        width: 50%;
+        margin-left: 8%;
+        .field--type-file{
+            background-color: transparent;
+            border: none;
+            
+        }
+        .js-form-type-textfield{
+            flex-direction: row;
+            label{margin-right: 1rem;}
+            align-content: center;
+        }
+    }
+}

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

@@ -40,82 +40,97 @@ aside.layout-sidebar-second{
     padding-top: $header-height;
     z-index: 100;
     padding-left: 2rem;
-    h2{
+    // #block-reha-views-block-current-user-doc-profile-block-1{
-        transform: translateX(-50%) translateY(40vh) rotate(-90deg);
+        h2{
-        text-transform: uppercase;
+            transform: translateX(-50%) translateY(40vh) rotate(-90deg);
-        font-weight: 400;
+            text-transform: uppercase;
-        cursor: pointer;
+            font-weight: 400;
-        &::before{
+            cursor: pointer;
-            content: url('../../dist/images/noun-arrow-1569918-black.svg');
+            &::before{
-            display: inline-block;
+                content: url('../../dist/images/noun-arrow-1569918-black.svg');
-            transform: translateY(5px) rotate(90deg);
+                display: inline-block;
-        }
+                transform: translateY(5px) rotate(90deg);
-    }
-    .view-current-user-doc-profile{
-        padding: 0 2rem ;
-        display: flex;
-        flex-direction: column;
-    }
-    .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{
+        .view-current-user-doc-profile{
-            text-transform: uppercase;
+            padding: 0 2rem ;
             display: flex;
             flex-direction: column;
-            > div:nth-child(1){
+        }
+        .profile--type--collaborateur{
+            .field--name-field-site{
+                font-size: 2rem;
+                font-weight: 900;
                 display: flex;
-                align-items: center;
+                justify-content: space-between;
-                flex-direction: row;
+                &::after{
+                    content: url(../images/noun-cross-1151731.svg);
+                    cursor: pointer;
+                }
             }
+            .field--name-field-dossier-de-pilotage,
+            .field--name-field-dossier-evenement{
+                text-transform: uppercase;
+                display: flex;
+                flex-direction: column;
+                > div:nth-child(1){
+                    display: flex;
+                    align-items: center;
+                    flex-direction: row;
+                }
     
-            > div:nth-child(1)::before{
+                > div:nth-child(1)::before{
-                content: url('../../dist/images/noun-file-6880430.svg');
+                    content: url('../../dist/images/noun-file-6880430.svg');
-                display: inline-flex;
+                    display: inline-flex;
-                width: 70px;
+                    width: 70px;
-                height: auto;
+                    height: auto;
-                padding-right: 1rem;
+                    padding-right: 1rem;         
-                // align-content: center;
+                    align-items: center;
-         
+                }
-                align-items: center;
+                .field__item{
-            }
+                    // align-self: flex-end;
-            .field__item{
+                    // padding-right: 2rem;
-                width: 75%;
+                    // padding-left: 3rem;
-                align-self: flex-end;
+                    .paragraph--type--dossier{
-                padding-right: 2rem;
+                        padding-left: 25%;
-
+                        .field--name-field-fichiers{
+                            text-transform: none;
+                            border: none;
+                            padding-left: 10%;
+                            span:nth-of-type(2){
+                                display: none;
+                            }
+                        }
+                    }
+                }
             }
         }  
-    }  
-    footer{
-        text-transform: uppercase;
     
-        border: solid black 1px;
+        footer.view-footer{
-        background-color: $white-button;
+            margin-top: 3rem;
-        font-size: 0.9rem;
+            text-transform: uppercase;
-        width: fit-content;
+            border: solid black 1px;
-        font-weight: 400;
+            background-color: $white-button;
-        @media (max-width:891px) {
+            font-size: 0.9rem;
-            font-size: 1rem;
+            width: fit-content;
-         }
+            font-weight: 400;
-         p{margin: 0;
+            padding-top: 0;
-            padding: 0.3rem;}
+            align-self: left;
-        :hover{
+            margin-left: 1rem;
-            background-color: $yellow-puca;
+
+            @media (max-width:891px) {
+                font-size: 1rem;
+             }
+             p{margin: 0;
+                padding: 0.3rem;}
+            :hover{
+                background-color: $yellow-puca;
+            }
+
         } 
-    } 
+
-    .view-footer{
+    
-        padding-top: 0;
+    // }
-        align-self: center;
-    } 
     
   
 }

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

@@ -51,7 +51,7 @@ header{
                 .field__item{
                     height: $header-height;
                     img{
-                        max-height: 85px;
+                        max-height: 92px;
                         width: auto;
                     }
                 }

web/themes/custom/reha/scss/reha.scss

@@ -41,3 +41,4 @@
 @import "pages/ressources";
 @import "pages/node-ressource";
 @import "pages/actualites";
+@import "pages/page-mon-espace-de-travail";

web/themes/custom/reha/templates/page--user--collaborateur.html.twig

@@ -0,0 +1,96 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container page-mon-espace-de-travail">
+
+  <header role="banner">
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content">
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_first %}
+      <aside class="layout-sidebar-first" role="complementary">
+        {{ page.sidebar_first }}
+      </aside>
+    {% endif %}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+
+  </main>
+
+  {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
+    <footer role="contentinfo">
+      <section id="footer-top">{{ page.footer_top }}</section> 
+      <div>
+        <section id="footer-left">{{ page.footer_left }}</section> 
+        <section id="footer-middle">{{ page.footer_middle }}</section> 
+        <section id="footer-right">{{ page.footer_right }}</section> 
+      </div> 
+      <section id="footer-bottom">{{ page.footer_bottom }}</section> 
+    </footer>
+  {# {% endif %} #}
+
+</div>{# /.layout-container #}