form modif operation

web/themes/custom/reha/css/reha.css

@@ -823,7 +823,7 @@ input {
   background-color: #fdc300; }
 
 #block-reha-contenudelapageprincipale .node-operation-form {
-  width: 70%; }
+  width: 45%; }
   #block-reha-contenudelapageprincipale .node-operation-form #edit-title-wrapper input {
     width: 100%; }
   #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper {
@@ -930,7 +930,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   width: 70%; }
 
 #block-reha-contenudelapageprincipale #node-operation-edit-form {
-  width: 70%; }
+  width: 45%; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-title-wrapper input {
+    width: 100%; }
   #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper {
     background-color: rgba(153, 147, 174, 0) !important;
     border: none;
@@ -956,12 +958,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
       display: flex; }
     #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--label::after {
       content: url(../images/noun-information-55404.svg);
-      padding-left: 1rem; }
+      padding-left: 1rem;
+      cursor: pointer; }
     #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .description {
       text-transform: lowercase;
       order: 2;
-      font-style: italic; }
-    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description {
+      font-style: italic;
+      width: 100%; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description > br:first-of-type {
+      display: none; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description > ul.main {
       display: none; }
     #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
       order: 3;
@@ -973,16 +979,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
     margin-bottom: 1rem;
     margin-top: 1rem; }
   #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-commentaire-0-value {
-    width: 80%; }
-  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0 summary {
-    display: none; }
+    width: 100%; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address input {
+    width: 100%; }
   #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 {
     display: flex;
     flex-direction: row;
-    width: 100%; }
+    width: 100%;
+    margin-right: 0;
+    justify-content: space-between; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 input {
+      width: 100%; }
     #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 .form-item {
       display: flex;
-      flex-direction: row; }
+      flex-direction: column;
+      margin-right: 0; }
   #block-reha-contenudelapageprincipale #node-operation-edit-form .form-item {
     display: flex;
     flex-direction: column; }
@@ -1002,3 +1013,15 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 
 html.js body.node-type-operation.node-id-7 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 form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label {
   display: none; }
+
+#edit-field-dossier-de-candidature-0--description {
+  text-transform: none !important; }
+  #edit-field-dossier-de-candidature-0--description .depth1 {
+    font-weight: 800; }
+  #edit-field-dossier-de-candidature-0--description .depth2 {
+    font-weight: 400; }
+  #edit-field-dossier-de-candidature-0--description .depth3 {
+    text-decoration: none !important; }
+
+html.js body.node-type-operation.node-id-7 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 form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label {
+  display: none; }

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

@@ -1,113 +1,254 @@
 
 #block-reha-contenudelapageprincipale{
-    #node-operation-edit-form{
-        width: 70%;
-        #edit-field-fiche-candidature-wrapper{
-            background-color: rgba(153, 147, 174, 0) !important;
-            border: none;
-            padding: 0;
-            label{
-                order: 1;
-                font-weight: 800;
-            }
-            .description{
-                text-transform: lowercase;
-                order: 2;
-                font-style: italic;
+//     #node-operation-edit-form{
+//         width: 45%;
+//         #edit-field-fiche-candidature-wrapper{
+//             background-color: rgba(153, 147, 174, 0) !important;
+//             border: none;
+//             padding: 0;
+//             label{
+//                 order: 1;
+//                 font-weight: 800;
+//             }
+//             .description{
+//                 text-transform: lowercase;
+//                 order: 2;
+//                 font-style: italic;
 
-                // font-weight: 800;
-            }
-            .form-managed-file{
-                // background-color: white;
-                @extend %buttonwithborder;
-                order: 3;
-                margin-top: 1rem;
-            }
-        }
-        #edit-field-dossier-de-candidature-wrapper{
-            background-color: rgba(153, 147, 174, 0) !important;
-            border: none;
-            padding: 0;
-            margin-top: 1rem;
-            // width: 40%;
+//                 // font-weight: 800;
+//             }
+//             .form-managed-file{
+//                 // background-color: white;
+//                 @extend %buttonwithborder;
+//                 order: 3;
+//                 margin-top: 1rem;
+//             }
+//         }
+//         #edit-field-dossier-de-candidature-wrapper{
+//             background-color: rgba(153, 147, 174, 0) !important;
+//             border: none;
+//             padding: 0;
+//             margin-top: 1rem;
+//             // width: 40%;
             
-            label{
-                order: 1;
-                font-weight: 800;
-                display: flex;
-                // align-items: center;
-            }
-            #edit-field-dossier-de-candidature-0--label::after{
-                content: url(../images/noun-information-55404.svg);
-                padding-left: 1rem;
-            }
+//             label{
+//                 order: 1;
+//                 font-weight: 800;
+//                 display: flex;
+//                 // align-items: center;
+//             }
+//             #edit-field-dossier-de-candidature-0--label::after{
+//                 content: url(../images/noun-information-55404.svg);
+//                 padding-left: 1rem;
+//             }
     
-            .description{
-                text-transform: lowercase;
-                order: 2;
-                font-style: italic;
-                // font-weight: 800;
-            }
-            #edit-field-dossier-de-candidature-0--description{
-                display: none;
-            }
+//             .description{
+//                 text-transform: lowercase;
+//                 order: 2;
+//                 font-style: italic;
+//                 // font-weight: 800;
+//             }
+//             #edit-field-dossier-de-candidature-0--description{
+//                 display: none;
+//             }
 
 
-            .form-managed-file{
-                // background-color: white;
-                @extend %buttonwithborder;
-                order: 3;
-                margin-top: 1rem;
-                text-transform: lowercase;                
-            }
+//             .form-managed-file{
+//                 // background-color: white;
+//                 @extend %buttonwithborder;
+//                 order: 3;
+//                 margin-top: 1rem;
+//                 text-transform: lowercase;                
+//             }
             
+//         }
+//         label{
+//             font-weight: 800;
+//         }
+//         .form-wrapper{
+//             margin-bottom: 1rem;
+//             margin-top: 1rem;
+//         }
+//         #edit-field-commentaire-0-value{
+//             width: 80%;
+//         }
+//         #edit-field-adresse-0{
+//             summary{
+//                 display: none;
+//             }
+//         }
+
+//         #edit-field-adresse-0-address-container2{
+//             display: flex;
+//             flex-direction: row;
+//             width: 100%;
+//             .form-item{
+//                 display: flex;
+//                 flex-direction: row;
+//             }
+//         }
+//         .form-item{
+//             display: flex;
+//             flex-direction: column;
+//         }
+//         #edit-field-commentaire-wrapper{
+//             margin-bottom: 2rem;
+
+//         }
+//         .counter{
+//             font-style: italic;
+//         }
+//     }
+//     .form-managed-file{
+//     text-transform: lowercase;                
+//     }
+//     .file--application-pdf{
+//         text-transform: lowercase;
+//     }
+//     .messages--error{
+//      text-transform: lowercase;           
+//     }
+// }
+
+#node-operation-edit-form{
+    width: 45%;
+
+    #edit-title-wrapper{
+        input{
+            width: 100%;
         }
+    }
+    #edit-field-fiche-candidature-wrapper{
+        background-color: rgba(153, 147, 174, 0) !important;
+        border: none;
+        padding: 0;
         label{
+            order: 1;
             font-weight: 800;
         }
-        .form-wrapper{
-            margin-bottom: 1rem;
+        .description{
+            text-transform: lowercase;
+            order: 2;
+            font-style: italic;
+
+            // font-weight: 800;
+        }
+        .form-managed-file{
+            // background-color: white;
+            @extend %buttonwithborder;
+            order: 3;
             margin-top: 1rem;
         }
-        #edit-field-commentaire-0-value{
-            width: 80%;
+    }
+    #edit-field-dossier-de-candidature-wrapper{
+        background-color: rgba(153, 147, 174, 0) !important;
+        border: none;
+        padding: 0;
+        margin-top: 1rem;
+        // width: 40%;
+        
+        label{
+            order: 1;
+            font-weight: 800;
+            display: flex;
+            // align-items: center;
         }
-        #edit-field-adresse-0{
-            summary{
-                display: none;
-            }
+        #edit-field-dossier-de-candidature-0--label::after{
+            content: url(../images/noun-information-55404.svg);
+            padding-left: 1rem;
+            cursor:pointer
         }
 
-        #edit-field-adresse-0-address-container2{
-            display: flex;
-            flex-direction: row;
+        .description{
+            text-transform: lowercase;
+            order: 2;
+            font-style: italic;
+            width: 100%;
+        }
+        #edit-field-dossier-de-candidature-0--description>br:first-of-type{
+            display: none;
+        }
+        #edit-field-dossier-de-candidature-0--description>ul.main{
+            display: none;
+        }
+
+
+        .form-managed-file{
+            // background-color: white;
+            @extend %buttonwithborder;
+            order: 3;
+            margin-top: 1rem;
+            text-transform: lowercase;                
+        }
+        
+    }
+    label{
+        font-weight: 800;
+    }
+    .form-wrapper{
+        margin-bottom: 1rem;
+        margin-top: 1rem;
+    }
+    #edit-field-commentaire-0-value{
+        width: 100%;
+    }
+    #edit-field-adresse-0-address{
+        input{
+            width: 100%;
+        }
+    }
+    #edit-field-adresse-0-address-container2{
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        margin-right: 0;
+        justify-content:space-between;
+        input{
             width: 100%;
-            .form-item{
-                display: flex;
-                flex-direction: row;
-            }
         }
         .form-item{
             display: flex;
             flex-direction: column;
+            margin-right: 0;
         }
-        #edit-field-commentaire-wrapper{
-            margin-bottom: 2rem;
+    }
+    .form-item{
+        display: flex;
+        flex-direction: column;
+    }
+    #edit-field-commentaire-wrapper{
+        margin-bottom: 2rem;
+    }
+    .counter{
+        font-style: italic;
+    }
+}
 
-        }
-        .counter{
-            font-style: italic;
-        }
-    }
-    .form-managed-file{
-    text-transform: lowercase;                
-    }
-    .file--application-pdf{
-        text-transform: lowercase;
-    }
-    .messages--error{
-     text-transform: lowercase;           
-    }
+.form-managed-file{
+text-transform: lowercase;                
+}
+.file--application-pdf{
+    text-transform: lowercase;
+}
+.messages--error{
+ text-transform: lowercase;           
+}
+}
+html.js body.node-type-operation.node-id-7 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 form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label{
+display: none;
+}
+#edit-field-dossier-de-candidature-0--description{
+text-transform: none !important;
+.depth1{
+    font-weight: 800;
+}
+.depth2{
+    font-weight: 400;
+    // text-decoration: underline;
+}
+.depth3{
+    text-decoration: none !important;   
+}
 }
 html.js body.node-type-operation.node-id-7 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 form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label{
     display: none;

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

@@ -1,7 +1,7 @@
 
 #block-reha-contenudelapageprincipale{
     .node-operation-form{
-        width: 70%;
+        width: 45%;
     
         #edit-title-wrapper{
             input{