form ressource

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

@@ -125,6 +125,9 @@
 .path-ressources {
   margin: 0; }
 
+.path-webform {
+  margin: 0; }
+
 .main-content {
   margin-top: 7rem; }
 
@@ -2032,6 +2035,93 @@ a {
             .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
               display: none; }
 
+.path-webform .region-content {
+  margin-left: 13%;
+  margin-right: 20%;
+  width: 60%; }
+  .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; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form input.required::after {
+      content: " - Remember this";
+      background-color: yellow;
+      color: red;
+      font-weight: bold; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-processed-text {
+      width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document {
+      margin-top: 2rem;
+      width: 100%; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document input {
+        width: 100%;
+        height: 5rem; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- {
+      margin-top: 2rem;
+      width: 100%; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution {
+      margin-top: 2rem;
+      width: 45%; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages {
+      margin-top: 2rem;
+      width: 45%; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur {
+      width: 100%;
+      margin-top: 2rem; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- {
+      margin-top: 2rem;
+      width: 100%; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource {
+      width: 100%;
+      margin-top: 2rem; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource textarea {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet {
+      margin-top: 2rem; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet {
+      margin-top: 2rem; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel {
+      margin-top: 2rem;
+      width: 45%; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone {
+      margin-top: 2rem;
+      width: 45%; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone input {
+        width: 100%; }
+    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions {
+      width: 100%; }
+      .path-webform .region-content #webform-submission-deposer-une-contribution-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-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>'); }
+
 /*partials*/
 .layout-container {
   position: relative; }

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

@@ -37,6 +37,11 @@
 .path-ressources{
     margin: 0;
 }
+
+.path-webform{
+    margin: 0;
+}
+
 .main-content{
     margin-top: 7rem;
 }

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

@@ -0,0 +1,126 @@
+.path-webform{
+    .region-content{
+        margin-left: 13%;
+        margin-right: 20%;
+        width: 60%;
+
+        #block-contenudelapageprincipale{
+            // h2{ display:none}
+        }
+
+        #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;
+            // input:focus ~ label,
+            // input:not(:placeholder-shown) ~ label {
+            //  z-index: -1;
+            // }
+            input.required::after{
+                content: " - Remember this";
+                background-color: yellow;
+                color: red;
+                font-weight: bold;
+              
+           }
+            #edit-processed-text{
+                width: 100%;
+            }
+
+            .form-item-titre-du-document{
+                margin-top: 2rem;
+                width: 100%;
+                input{
+                    width: 100%;
+                    height: 5rem;
+                }
+            }    
+                
+            .form-item-auteur-s-{
+                margin-top: 2rem;
+                width: 100%;
+                input{
+                    width: 100%;
+                }
+            
+            }
+            .form-item-date-de-parution{
+                margin-top: 2rem;
+                width: 45%;
+                input{
+                    width: 100%;
+                }
+            }
+            .form-item-nombre-de-pages{
+                margin-top: 2rem;
+                width: 45%;
+                input{
+                    width: 100%;
+                }
+            }
+            .form-item-nom-de-la-revue-et-de-l-editeur{
+                width: 100%;
+                margin-top: 2rem;
+                input{
+                    width: 100%;
+                }
+            }
+            .form-item-type-de-document-revue-article-etc-{
+                margin-top: 2rem;
+                width: 100%;
+                input{
+                    width: 100%;
+                }
+            }
+            .form-item-resume-de-la-ressource{
+                width: 100%;
+                margin-top: 2rem;
+                textarea{width: 100%;}
+            }
+            .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet{
+                margin-top: 2rem;
+                input{
+                    width: 100%;
+                }
+            }
+            .form-item-url-vers-une-video-ou-un-site-internet{
+                margin-top: 2rem;
+                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>');
+                }
+            }
+
+        }
+    }
+}

web/themes/custom/eql/scss/styles.scss

@@ -34,6 +34,7 @@
 @import "pages/_offresdeservices";
 @import "pages/_offre";
 @import "pages/_annuairederecherche";
+@import "pages/_webform";
 
 
 /*partials*/