form offres de service

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

@@ -2121,6 +2121,67 @@ a {
         margin-top: 1rem; }
       .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 {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    flex-basis: auto;
+    justify-content: space-between;
+    margin-top: 20vh; }
+    .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 {
+      margin-top: 2rem;
+      width: 100%; }
+      .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service input {
+        width: 100%;
+        height: 5rem; }
+    .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure {
+      margin-top: 2rem;
+      width: 100%; }
+      .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation {
+      margin-top: 2rem;
+      width: 100%; }
+      .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description {
+      margin-top: 2rem;
+      width: 100%; }
+      .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description textarea {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper {
+      width: 100%; }
+      .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url {
+        margin-top: 2rem;
+        width: 100%; }
+        .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url input {
+          width: 100%; }
+    .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel {
+      margin-top: 2rem;
+      width: 45%; }
+      .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone {
+      margin-top: 2rem;
+      width: 45%; }
+      .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions {
+      width: 100%; }
+      .path-webform .region-content #webform-submission-offre-de-service-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; }
+      .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>'); }
 
 /*partials*/
 .layout-container {

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

@@ -122,5 +122,92 @@
             }
 
         }
+        #webform-submission-offre-de-service-add-form{
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            flex-basis: auto;
+            justify-content: space-between;
+            margin-top: 20vh;
+            // input:focus ~ label,
+            // input:not(:placeholder-shown) ~ label {
+            //  z-index: -1;
+            // }
+
+            #edit-processed-text{
+                width: 100%;
+            }
+
+            .form-item-intitule-de-l-offre-de-service{
+                margin-top: 2rem;
+                width: 100%;
+                input{
+                    width: 100%;
+                    height: 5rem;
+                }
+            }    
+                
+            .form-item-structure{
+                margin-top: 2rem;
+                width: 100%;
+                input{
+                    width: 100%;
+                }
+            
+            }
+            .form-item-localisation{
+                margin-top: 2rem;
+                width: 100%;
+                input{
+                    width: 100%;
+                }
+            }
+            .form-item-description{
+                margin-top: 2rem;
+                width: 100%;
+                textarea{
+                    width: 100%;
+                }
+            }
+            #edit-lien--wrapper{
+                width: 100%;
+                .form-item-lien-url{
+                    margin-top: 2rem;
+                    width: 100%;
+                    input{
+                        width: 100%;
+                    }
+                }
+            }
+            .form-item-courriel{
+                margin-top: 2rem;
+                width: 45%;
+                input{width: 100%;}
+            }
+            .form-item-telephone{
+                margin-top: 2rem;
+                width: 45%;
+                input{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;
+                }
+                #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>');
+                }
+            }
+
+        }
     }
 }