css aside

web/themes/custom/reha/scss/global/_layout.scss

@@ -9,7 +9,6 @@ $width-menu-slidedown : 550px;
     font-family: 'Marianne';
     font-weight: 400;
     font-style: normal;
-    margin: none;
     top: 0%;
     left: 0%;
     width: 100%;
@@ -20,24 +19,34 @@ $width-menu-slidedown : 550px;
     header{
         flex: 0 0 100%;
     }
-    main{
-        position: relative;
-        // top: -7rem;
-    }
+    // main{
+    //     // position: relative;
+    //     // top: -7rem;
+    // }
     footer{
         flex: 0 0 100%;
     }
 }
 
 .layout-content{
+    order: 2;
     padding-top: 3rem;
     padding-bottom: 6rem;
-    width: 60%;
+    width: 70%;
     margin: auto;
 }
-
+aside{
+    width: 20%;
+    order: 1;
+    margin-top: 5rem;
+    margin-left: 10rem;
+}
 main{
     width: 100%;
+    display: flex;
+    flex-direction: row;
+    position: relative;
+
 }
 
 .main-content{

web/themes/custom/reha/scss/global/_reset.scss

@@ -10,4 +10,11 @@ a{
 
 :visited{
     color: black;
+}
+
+html.js body{
+    margin: 0 !important;
+}
+html.js body div.dialog-off-canvas-main-canvas div.layout-container{
+    margin: 0 !important;
 }

web/themes/custom/reha/scss/global/variables/_buttons.scss

@@ -36,4 +36,19 @@
 }
 .request-password-link{
     @extend %buttonwithborder;
+}
+.views-field-edit-node{
+    @extend %buttonwithborder;
+    width: fit-content;
+}
+
+.views-field-edit-user{
+    @extend %buttonwithborder;
+    width: fit-content;
+}
+footer{
+
+}
+#edit-unlock{
+    display: none;
 }

web/themes/custom/reha/scss/pages/_operations.scss

@@ -1,16 +1,24 @@
-.layout-content{
-    footer{
-        background-color: none;
-    }
-}
+// .layout-content{
+//     footer{
+//         background-color: none;
+//     }
+// }
+
+
+
+
+
 .node-type-operation{
     footer{
         display: none;
     }
+    .views-field-edit-node{
+            background-color: rgba(153, 147, 174, 0) !important;
+
+    }
 }
 
-
-html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer{
-    background-color: none;
+html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-586565a78462afa14f00a79092967e0998bcad1d346481ed34544a2c80124f64 footer{
+    background-color: rgba(153, 147, 174, 0) !important;
 
 }

web/themes/custom/reha/scss/pages/_proposer-une-operation.scss

@@ -0,0 +1,15 @@
+
+#block-reha-contenudelapageprincipale{
+    #node-operation-form{
+        #edit-field-fiche-candidature-wrapper{
+            // background-color: rgba(153, 147, 174, 0) !important;
+            // border: none;
+            width: fit-content;
+        }
+        #edit-field-dossier-de-candidature-wrapper{
+            // background-color: rgba(153, 147, 174, 0) !important;
+            // border: none;
+            width: 40%;
+        }
+    }
+}

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

@@ -0,0 +1,31 @@
+.layout-sidebar-first{
+
+    #block-reha-phase1{
+        border: solid $yellow-puca 1px;
+        font-weight: 800;
+        padding: 1rem;
+        width: 80%;
+        h2{
+            margin-top: 0;
+            margin-bottom: 0;
+            text-transform: lowercase;
+            font-weight: 1000;
+            line-height: 1rem;
+            font-size:1.5rem ;
+    
+        }
+
+        p{
+            font-size: 1.5rem;
+            line-height: 1.8rem;
+            margin-top: 0.8rem;
+        }
+
+        footer{
+            @extend %buttonwithborder;
+            width: fit-content;
+        }
+    }
+
+   
+}

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

@@ -7,6 +7,7 @@ label{
 }
 input{
     height: 2rem;
+    width: 50%;
 }
 .form-submit{
     background-color: white;
@@ -17,6 +18,7 @@ input{
     margin-bottom: 1rem;
     font-size: 1.3rem;
     font-weight: 300;
+    width: fit-content;
 }
 
 #user-login-form{
@@ -28,4 +30,4 @@ input{
         }
     }
 }
-    
+    

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

@@ -167,6 +167,14 @@ header{
                     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                     clip-path: inset(0px -10px -10px -10px);
                     padding: 5% 10% 5% 45%;
+                    ul{
+                        width: 70%;
+                        display: flex;
+                        flex-direction: column;
+                        li{
+                            margin-bottom: 3rem;
+                        }
+                    }
                 }
             }
         }

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

@@ -5,7 +5,7 @@
 
 /*global*/
 
-@import "global/variables/colors.scss";
+@import "global/variables/colors";
 @import "global/variables/typography";
 @import "global/variables/buttons";
 @import "global/core";
@@ -15,11 +15,13 @@
 
 /*partials*/
 @import "partials/header";
-@import "partials/footer.scss";
+@import "partials/footer";
 @import "partials/forms";
+@import "partials/aside";
 
 
 /*pages*/
 @import "pages/home";
 @import "pages/creer-un-compte";
-@import "pages/operations.scss";
+@import "pages/operations";
+@import "pages/proposer-une-operation";