Add css styling for form notifications

refs #9203
Icinga · May 15, 2015 · 93470db · 93470db
1 parent 9f35db7
commit 93470db
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/public/css/icinga/defaults.less b/public/css/icinga/defaults.less
@@ -23,6 +23,9 @@
 @colorUnreachableHandled: #cc77ff;
 @colorPending: #77aaff;
 @colorInvalid: #999;
+@colorFormNotificationInfo: #77aaff;
+@colorFormNotificationWarning: #ffaa44;
+@colorFormNotificationError: #ff5566;
 
 /* Mixins */
 

diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less
@@ -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;
 }