css form faq

web/themes/custom/eql/css-compiled/styles.css

@@ -2104,13 +2104,15 @@ a {
   margin-left: 13%;
   margin-right: 20%;
   width: 60%; }
+  .path-webform .region-content .block-system-main-block h2 {
+    display: none; }
   .path-webform .region-content #webform-submission-deposer-une-contribution-add-form {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     flex-basis: auto;
     justify-content: space-between;
-    margin-top: 20vh; }
+    margin-top: 10vh; }
     .path-webform .region-content #webform-submission-deposer-une-contribution-add-form input.required::after {
       content: " - Remember this";
       background-color: yellow;
@@ -2183,7 +2185,8 @@ a {
         font-size: 1.2rem;
         font-weight: 600;
         float: right;
-        margin-top: 1rem; }
+        margin-top: 1rem;
+        border: none; }
       .path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions #edit-actions-submit:after {
         content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); }
   .path-webform .region-content #webform-submission-offre-de-service-add-form {
@@ -2192,7 +2195,7 @@ a {
     flex-wrap: wrap;
     flex-basis: auto;
     justify-content: space-between;
-    margin-top: 20vh; }
+    margin-top: 10vh; }
     .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-processed-text {
       width: 100%; }
     .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service {
@@ -2244,9 +2247,49 @@ a {
         font-size: 1.2rem;
         font-weight: 600;
         float: right;
-        margin-top: 1rem; }
+        margin-top: 1rem;
+        border: none; }
       .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions #edit-actions-submit:after {
         content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); }
+  .path-webform .region-content #webform-submission-question-add-form {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    flex-basis: auto;
+    justify-content: space-between;
+    margin-top: 10vh; }
+    .path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper {
+      width: 100%; }
+      .path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-1 {
+        margin-top: 2rem;
+        width: 100%; }
+        .path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-1 input {
+          width: 100%; }
+      .path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-2 {
+        margin-top: 2rem;
+        width: 100%; }
+        .path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-2 input {
+          width: 100%; }
+    .path-webform .region-content #webform-submission-question-add-form .form-item-question {
+      margin-top: 2rem;
+      width: 100%; }
+      .path-webform .region-content #webform-submission-question-add-form .form-item-question textarea {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-question-add-form #edit-actions {
+      width: 100%; }
+      .path-webform .region-content #webform-submission-question-add-form #edit-actions input {
+        width: 30%;
+        align-self: flex-end;
+        background-color: #009ee3;
+        text-transform: uppercase;
+        color: white;
+        font-size: 1.2rem;
+        font-weight: 600;
+        float: right;
+        margin-top: 1rem;
+        border: none; }
+      .path-webform .region-content #webform-submission-question-add-form #edit-actions #edit-actions-submit:after {
+        content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); }
 
 /*partials*/
 .layout-container {

web/themes/custom/eql/scss/pages/_webform.scss

@@ -4,9 +4,11 @@
         margin-right: 20%;
         width: 60%;
 
-        #block-contenudelapageprincipale{
-            // h2{ display:none}
-        }
+        // #block-contenudelapageprincipale{
+           .block-system-main-block{
+            h2{ display:none}
+           } 
+        // }
 
         #webform-submission-deposer-une-contribution-add-form{
             display: flex;
@@ -14,7 +16,7 @@
             flex-wrap: wrap;
             flex-basis: auto;
             justify-content: space-between;
-            margin-top: 20vh;
+            margin-top: 10vh;
             // input:focus ~ label,
             // input:not(:placeholder-shown) ~ label {
             //  z-index: -1;
@@ -115,6 +117,7 @@
                     font-weight: 600;
                     float: right;
                     margin-top: 1rem;
+                    border: none;
                 }
                 #edit-actions-submit:after{
                     content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
@@ -128,7 +131,7 @@
             flex-wrap: wrap;
             flex-basis: auto;
             justify-content: space-between;
-            margin-top: 20vh;
+            margin-top: 10vh;
             // input:focus ~ label,
             // input:not(:placeholder-shown) ~ label {
             //  z-index: -1;
@@ -202,6 +205,7 @@
                     font-weight: 600;
                     float: right;
                     margin-top: 1rem;
+                    border: none;
                 }
                 #edit-actions-submit:after{
                     content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
@@ -209,5 +213,62 @@
             }
 
         }
+
+        #webform-submission-question-add-form{
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            flex-basis: auto;
+            justify-content: space-between;
+            margin-top: 10vh;
+
+            #edit-couriel--wrapper{
+                width: 100%;
+                .form-item-couriel-mail-1{
+                    margin-top: 2rem;
+                    width: 100%;
+                    input{
+                        width: 100%;
+                    }
+                
+                }
+                .form-item-couriel-mail-2{
+                    margin-top: 2rem;
+                    width: 100%;
+                    input{
+                        width: 100%;
+                    }
+                
+                }
+            }
+
+            .form-item-question{
+                margin-top: 2rem;
+                width: 100%;
+                textarea{
+                    width: 100%;
+                }
+            
+            }
+            #edit-actions{
+                // display: inline-flex;
+                width: 100%;
+                input{
+                    width: 30%;
+                    align-self: flex-end;
+                    background-color: $blue-light;
+                    text-transform: uppercase;
+                    color: $white;
+                    font-size: 1.2rem;
+                    font-weight: 600;
+                    float: right;
+                    margin-top: 1rem;
+                    border: none;
+                }
+                #edit-actions-submit:after{
+                    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
+                }
+            }
+        }
     }
 }