Add css styling for form notifications

refs #9203
This commit is contained in:
Alexander Fuhr 2015-05-15 13:05:24 +02:00
parent 9f35db71bf
commit 93470db81d
2 changed files with 29 additions and 0 deletions

View File

@ -23,6 +23,9 @@
@colorUnreachableHandled: #cc77ff;
@colorPending: #77aaff;
@colorInvalid: #999;
@colorFormNotificationInfo: #77aaff;
@colorFormNotificationWarning: #ffaa44;
@colorFormNotificationError: #ff5566;
/* Mixins */

View File

@ -165,6 +165,32 @@ form ul.form-errors {
}
}
form ul.form-notifications {
.non-list-like-list;
margin-bottom: 1em;
padding: 0em;
li.info {
background: @colorFormNotificationInfo;
}
li.warning {
background: @colorFormNotificationWarning;
}
li.error {
background: @colorFormNotificationError;
}
li {
color: white;
font-weight: bold;
line-height: 1.5em;
padding: 0.5em;
margin-bottom: 0.5em;
}
}
form div.element {
margin: 0.5em 0;
}