From ac5989560eaeece7f378e602c6bd0146f9b617b7 Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Wed, 18 Jul 2012 16:47:39 +0200 Subject: [PATCH] Validation error styling in CMS Blocklevel to avoid weird alignment relative to actual form field Highlighted background, same as other error messages --- admin/css/screen.css | 4 ++-- admin/scss/_style.scss | 4 +++- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/admin/css/screen.css b/admin/css/screen.css index c2433c2b5..f67f5e2a8 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -331,11 +331,11 @@ body.cms { overflow: hidden; } .cms-content-actions { margin: 0; padding: 12px 16px; z-index: 0; border-top: 1px solid rgba(201, 205, 206, 0.8); border-top: 1px solid #FAFAFA; -webkit-box-shadow: #cccccc 0 -1px 1px; -moz-box-shadow: #cccccc 0 -1px 1px; box-shadow: #cccccc 0 -1px 1px; } /** -------------------------------------------- Messages -------------------------------------------- */ -.message { margin: 0 0 8px 0; padding: 7px 7px; font-weight: bold; border: 1px black solid; } +.message { display: block; clear: both; margin: 0 0 8px 0; padding: 7px 7px; font-weight: bold; border: 1px black solid; } .message.notice { background-color: #ffbe66; border-color: #ff9300; } .message.notice a { color: #999; } .message.warning { background-color: #ffbe66; border-color: #ff9300; } -.message.error, .message.bad, .message.required { background-color: #ffbe66; border-color: #ff9300; } +.message.error, .message.bad, .message.required, .message.validation { background-color: #ffbe66; border-color: #ff9300; } .message.good { background-color: #65a839; background-color: rgba(101, 168, 57, 0.7); border-color: #65a839; color: #fff; text-shadow: 1px -1px 0 #1f9433; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .message p { margin: 0; } diff --git a/admin/scss/_style.scss b/admin/scss/_style.scss index 329ca0a20..250fa6dcf 100644 --- a/admin/scss/_style.scss +++ b/admin/scss/_style.scss @@ -387,6 +387,8 @@ body.cms { * -------------------------------------------- */ .message { + display: block; + clear: both; margin: 0 0 $grid-y 0; padding: $grid-y - 1 $grid-x - 1; font-weight: bold; @@ -406,7 +408,7 @@ body.cms { background-color: lighten($color-warning, 20%); border-color: $color-warning; } - &.error, &.bad, &.required { + &.error, &.bad, &.required, &.validation { background-color: lighten($color-error, 20%); border-color: $color-error; }