bug symfony#38 Fixed the styles of the form fields when the form contains errors (javiereguiluz)

javiereguiluz · javiereguiluz · commit 4745b07dbe7b · 2015-04-20T16:24:03.000+02:00
This PR was merged into the master branch. Discussion ---------- Fixed the styles of the form fields when the form contains errors This fixes symfony#37 ![form_field_errors](https://cloud.githubusercontent.com/assets/73419/7230732/eb3bfdb0-e770-11e4-8ea1-ed730b2e3979.png) Commits ------- bb57946 Fixed the styles of the form fields when the form contains errors
diff --git a/app/Resources/assets/scss/main.scss b/app/Resources/assets/scss/main.scss
@@ -29,7 +29,7 @@ code {
 // Text labels
 .text-danger,
 .text-danger:hover {
-    color: #E74C3C;
+    color: $brand-danger;
 }
 
 //
@@ -126,9 +126,19 @@ footer {
 // --------------------------------------------------
 
 // Form errors
-.form-error {
+.form-group.has-error .form-control {
+    border-color: $brand-danger;
+}
+.form-group.has-error .control-label {
+    color: $brand-danger;
+}
+.form-group.has-error .help-block {
+    background-color: $brand-danger;
+    color: #FFF;
+    font-size: $font-size-base;
+    padding: 1em;
+
     ul {
-        color: #FFF;
         margin-bottom: 0;
     }
 }
diff --git a/web/css/app.css b/web/css/app.css
@@ -6990,7 +6990,7 @@ code {
 
 .text-danger,
 .text-danger:hover {
-  color: #E74C3C; }
+  color: #e74c3c; }
 
 i {
   margin-right: .25em; }
@@ -7039,9 +7039,19 @@ footer {
   margin-bottom: 2em;
   padding: 0; }
 
-.form-error ul {
+.form-group.has-error .form-control {
+  border-color: #e74c3c; }
+
+.form-group.has-error .control-label {
+  color: #e74c3c; }
+
+.form-group.has-error .help-block {
+  background-color: #e74c3c;
   color: #FFF;
-  margin-bottom: 0; }
+  font-size: 15px;
+  padding: 1em; }
+  .form-group.has-error .help-block ul {
+    margin-bottom: 0; }
 
 body#homepage {
   text-align: center; }
