commit 57b2262843db8724ecbfbcc6cef0906d736f2834
author SurenNeware <sneware9@in.ibm.com> Fri Aug 07 18:22:47 2020 +0530
committer Derick Montague <derick.montague@ibm.com> Tue Aug 11 21:40:22 2020 +0000
tree e32cf72468094e79d4674ba85a2644c54114d07a
parent e409b738ed46becc9d04120c7a4227e7f52b3072

Add info icon for informational alert

-Add new style carbon icon for informational alert
-Change alert icon position from center to top

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: If32d712db16472ce9a78e04e5871d0b799bb5895

src/assets/styles/bmc/custom/_alert.scss

diff --git a/src/assets/styles/bmc/custom/_alert.scss b/src/assets/styles/bmc/custom/_alert.scss
index 1d28f2a..741eb69 100644
--- a/src/assets/styles/bmc/custom/_alert.scss
+++ b/src/assets/styles/bmc/custom/_alert.scss
@@ -17,7 +17,7 @@
 
     .alert-icon {
       display: inline-flex;
-      align-items: center;
+      align-items: flex-start;
       margin-right: $spacer;
       margin-bottom: $spacer;
 
@@ -50,6 +50,12 @@
       fill: theme-color("info");
     }
 
+    &.alert-success {
+      border-left-color: theme-color("success");
+      background-color: $success-light;
+      fill: theme-color("success");
+    }
+
     &.alert-danger {
       border-left-color: theme-color("danger");
       background-color: $danger-light;