From bb579469317cec977ec3a1efb615d9487ce76e4a Mon Sep 17 00:00:00 2001 From: Javier Eguiluz Date: Mon, 20 Apr 2015 15:20:07 +0200 Subject: [PATCH] Fixed the styles of the form fields when the form contains errors --- app/Resources/assets/scss/main.scss | 16 +++++++++++++--- web/css/app.css | 16 +++++++++++++--- 2 files changed, 26 insertions(+), 6 deletions(-) diff --git a/app/Resources/assets/scss/main.scss b/app/Resources/assets/scss/main.scss index 78a5379f0..85c763642 100644 --- 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 index d4ca295b8..e489e803c 100644 --- 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; }