form input required *

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

@@ -2237,25 +2237,18 @@ a {
     flex-wrap: wrap;
     flex-basis: auto;
     justify-content: space-between;
-    margin-top: 10vh;
-    overflow: visible; }
-    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .required {
-      border-color: red !important;
-      display: block;
-      content: " "; }
-    .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .required::after {
-      content: " * "; }
+    margin-top: 10vh; }
     .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 {
-        overflow: visible;
         width: 100%;
         height: 5rem; }
-        .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document input ::placeholder {
-          content: "Titre du document"; }
+        .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document input:after {
+          content: "*";
+          color: red; }
     .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- {
       margin-top: 2rem;
       width: 100%; }

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

@@ -28,16 +28,16 @@
             //  z-index: -1;
             // }
 
-            overflow: visible;
-            .required{
-                    border-color: red !important;
-                    display: block;
-                    content: " ";                                        
-            }
+            // overflow: visible;
+            // .required{
+            //         border-color: red !important;
+            //         display: block;
+            //         content: " ";                                        
+            // }
 
-            .required::after{
-                content: " * ";
-            }
+            // .required::after{
+            //     content: " * ";
+            // }
 
             #edit-processed-text{
                 width: 100%;
@@ -47,12 +47,16 @@
                 margin-top: 2rem;
                 width: 100%;
                 input{
-                    overflow: visible;
+                    // overflow: visible;
                     width: 100%;
                     height: 5rem;
-                    ::placeholder{
-                        content:"Titre du document";
+                    &:after{
+                        content: "*";
+                        color: red;
                     }
+                    // ::placeholder{
+                    //     content:"Titre du document";
+                    // }
                     // &::after{
 
                     //     display: block;