[myfaces-tobago] 01/02: TOBAGO-1917 Icons for FacesMessages

[hn...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

hnoeth pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git

commit 2cba361492d73f7f6f6e4475ef6b11a652c156aa
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Fri Aug 24 14:22:17 2018 +0200

    TOBAGO-1917 Icons for FacesMessages
    
    * fontawesome icons added for <tc:messages>
---
 tobago-core/src/main/resources/scss/_tobago.scss | 33 ++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/tobago-core/src/main/resources/scss/_tobago.scss b/tobago-core/src/main/resources/scss/_tobago.scss
index 8fe3429..88fdbcd 100644
--- a/tobago-core/src/main/resources/scss/_tobago.scss
+++ b/tobago-core/src/main/resources/scss/_tobago.scss
@@ -19,6 +19,7 @@
 XXX used variables: only for the IDE, will not really used by the build system, because this
 XXX code will be inserted after the _variables.scss
 */
+$alert-padding-x: 1.25rem !default;
 $border-radius: .25rem !default;
 $zindex-dropdown: 1000 !default;
 $zindex-popover: 1060 !default;
@@ -77,7 +78,10 @@ $fa-square-o: "\f096";
 $fa-check-square-o: "\f046";
 $fa-circle-thin: "\f1db";
 $fa-dot-circle-o: "\f192";
+$fa-exclamation-triangle: "\f071";
 $zero-width-space: "\200b";
+$fa-info: "\f129";
+$fa-times-circle: "\f057";
 $fa-toggle-off: "\f204";
 $fa-toggle-on: "\f205";
 
@@ -488,6 +492,35 @@ a.tobago-messages-button {
   }
 }
 
+.tobago-messages {
+  $alert-icon-padding-x: $alert-padding-x / 1.25;
+  $alert-icon-width: $alert-icon-padding-x + 1rem + $alert-icon-padding-x;
+
+  .alert.alert-dismissible {
+    padding-left: $alert-icon-width;
+
+    &:before {
+      font-family: FontAwesome;
+      position: absolute;
+      left: 0;
+      padding-left: $alert-icon-padding-x;
+      padding-right: $alert-icon-padding-x;
+      width: $alert-icon-width;
+      text-align: center;
+    }
+
+    &.alert-danger:before {
+      content: $fa-times-circle;
+    }
+    &.alert-warning:before {
+      content: $fa-exclamation-triangle;
+    }
+    &.alert-info:before {
+      content: $fa-info;
+    }
+  }
+}
+
 /* nav ----------------------------------------------------------- */
 
 /* styles for drop down menu first level */