css node-operation-edit-form

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

@@ -2,7 +2,7 @@
 /*reha*/
 /*global*/
 /* Colors used for REHA */
-.field--type-link, .field--type-file, .links, .views-field-edit-node, .views-field-edit-user, .form-submit, #edit-field-telephone-0-phone, .layout-sidebar-first #block-reha-phase1 footer, #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
+.field--type-link, .field--type-file, .links, .views-field-edit-node, .views-field-edit-user, .form-submit, #edit-field-telephone-0-phone, .layout-sidebar-first #block-reha-phase1 footer, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
   text-transform: uppercase;
   padding: 1rem;
   border: solid black 1px;
@@ -667,64 +667,64 @@ input {
 .mes-operations div.views-element-container div footer:hover {
   background-color: #fdc300; }
 
-#block-reha-contenudelapageprincipale #node-operation-form {
+#block-reha-contenudelapageprincipale .node-operation-form {
   width: 70%; }
-  #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper {
+  #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper {
     background-color: rgba(153, 147, 174, 0) !important;
     border: none;
     padding: 0; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper label {
+    #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper label {
       order: 1;
       font-weight: 800; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper .description {
+    #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .description {
       text-transform: lowercase;
       order: 2;
       font-style: italic; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file {
+    #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file {
       order: 3;
       margin-top: 1rem; }
-  #block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper {
+  #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper {
     background-color: rgba(153, 147, 174, 0) !important;
     border: none;
     padding: 0;
     margin-top: 1rem; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper label {
+    #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper label {
       order: 1;
       font-weight: 800;
       display: flex; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--label::after {
+    #block-reha-contenudelapageprincipale .node-operation-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; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper .description {
+    #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .description {
       text-transform: lowercase;
       order: 2;
       font-style: italic; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description {
+    #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description {
       display: none; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
+    #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
       order: 3;
       margin-top: 1rem;
       text-transform: lowercase; }
-  #block-reha-contenudelapageprincipale #node-operation-form label {
+  #block-reha-contenudelapageprincipale .node-operation-form label {
     font-weight: 800; }
-  #block-reha-contenudelapageprincipale #node-operation-form .form-wrapper {
+  #block-reha-contenudelapageprincipale .node-operation-form .form-wrapper {
     margin-bottom: 1rem;
     margin-top: 1rem; }
-  #block-reha-contenudelapageprincipale #node-operation-form #edit-field-commentaire-0-value {
+  #block-reha-contenudelapageprincipale .node-operation-form #edit-field-commentaire-0-value {
     width: 80%; }
-  #block-reha-contenudelapageprincipale #node-operation-form #edit-field-adresse-0-address-container2 {
+  #block-reha-contenudelapageprincipale .node-operation-form #edit-field-adresse-0-address-container2 {
     display: flex;
     flex-direction: row;
     width: 100%; }
-    #block-reha-contenudelapageprincipale #node-operation-form #edit-field-adresse-0-address-container2 .form-item {
+    #block-reha-contenudelapageprincipale .node-operation-form #edit-field-adresse-0-address-container2 .form-item {
       display: flex;
       flex-direction: row; }
-  #block-reha-contenudelapageprincipale #node-operation-form .form-item {
+  #block-reha-contenudelapageprincipale .node-operation-form .form-item {
     display: flex;
     flex-direction: column; }
-  #block-reha-contenudelapageprincipale #node-operation-form #edit-field-commentaire-wrapper {
+  #block-reha-contenudelapageprincipale .node-operation-form #edit-field-commentaire-wrapper {
     margin-bottom: 2rem; }
-  #block-reha-contenudelapageprincipale #node-operation-form .counter {
+  #block-reha-contenudelapageprincipale .node-operation-form .counter {
     font-style: italic; }
 
 #block-reha-contenudelapageprincipale .form-managed-file {
@@ -751,3 +751,75 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .user--edit .form-item {
   margin-bottom: 1rem;
   width: 70%; }
+
+#block-reha-contenudelapageprincipale #node-operation-edit-form {
+  width: 70%; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper {
+    background-color: rgba(153, 147, 174, 0) !important;
+    border: none;
+    padding: 0; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper label {
+      order: 1;
+      font-weight: 800; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .description {
+      text-transform: lowercase;
+      order: 2;
+      font-style: italic; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file {
+      order: 3;
+      margin-top: 1rem; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper {
+    background-color: rgba(153, 147, 174, 0) !important;
+    border: none;
+    padding: 0;
+    margin-top: 1rem; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper label {
+      order: 1;
+      font-weight: 800;
+      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; }
+    #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 {
+      display: none; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
+      order: 3;
+      margin-top: 1rem;
+      text-transform: lowercase; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form label {
+    font-weight: 800; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form .form-wrapper {
+    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-address-container2 {
+    display: flex;
+    flex-direction: row;
+    width: 100%; }
+    #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 .form-item {
+      display: flex;
+      flex-direction: row; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form .form-item {
+    display: flex;
+    flex-direction: column; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-commentaire-wrapper {
+    margin-bottom: 2rem; }
+  #block-reha-contenudelapageprincipale #node-operation-edit-form .counter {
+    font-style: italic; }
+
+#block-reha-contenudelapageprincipale .form-managed-file {
+  text-transform: lowercase; }
+
+#block-reha-contenudelapageprincipale .file--application-pdf {
+  text-transform: lowercase; }
+
+#block-reha-contenudelapageprincipale .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; }

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

@@ -0,0 +1,108 @@
+
+#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;
+
+                // 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;
+            }
+    
+            .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;                
+            }
+            
+        }
+        label{
+            font-weight: 800;
+        }
+        .form-wrapper{
+            margin-bottom: 1rem;
+            margin-top: 1rem;
+        }
+        #edit-field-commentaire-0-value{
+            width: 80%;
+        }
+        #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;           
+    }
+}
+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,6 +1,6 @@
 
 #block-reha-contenudelapageprincipale{
-    #node-operation-form{
+    .node-operation-form{
         width: 70%;
         #edit-field-fiche-candidature-wrapper{
             background-color: rgba(153, 147, 174, 0) !important;

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

@@ -27,4 +27,5 @@
 @import "pages/creer-un-compte";
 @import "pages/mes-operations";
 @import "pages/proposer-une-operation";
-@import "pages/user--edit";
+@import "pages/user--edit";
+@import "pages/modifier-une-operation";