Improve error message style

glavweb · Jul 18, 2021 · d39a1b7 · d39a1b7
1 parent bd4a972
commit d39a1b7
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/Resources/public/fields.css b/Resources/public/fields.css
@@ -93,6 +93,12 @@
     font-size: 16px;
 }
 
+.gwu-error-message {
+    text-align: center;
+    background-color: rgba(221, 221, 221, 0.75);
+    margin: 5px 0;
+}
+
 .gwu-control:focus {
     outline: none;
 }

diff --git a/Resources/views/Form/dropzone_preview.html.twig b/Resources/views/Form/dropzone_preview.html.twig
@@ -22,7 +22,7 @@
                             <span data-gwu-remove-label></span>
                         </button>
 
-                        <div>
+                        <div class="gwu-error-message">
                             <strong class="error text-danger" data-dz-errormessage></strong>
                         </div>
                     </div>

diff --git a/Resources/views/Form/fields.html.twig b/Resources/views/Form/fields.html.twig
@@ -346,7 +346,7 @@
                         <span data-gwu-remove-label></span>
                     </button>
 
-                    <div>
+                    <div class="gwu-error-message">
                         <strong class="error text-danger" data-dz-errormessage></strong>
                     </div>
                 </div>