From c2862dcc2a3e531a58b50b31ad18a3597303c7ac Mon Sep 17 00:00:00 2001 From: SurenNeware Date: Fri, 11 Sep 2020 18:02:42 +0530 Subject: Add icon to the toast component - Add status icon to the toast component. - Add a method that return title with associated icon. Signed-off-by: Suren Neware Change-Id: Iae75e3eec7317af6b25a0ed1bfa4cc72644f7cd7 --- src/assets/styles/bmc/custom/_toasts.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'src/assets/styles/bmc') diff --git a/src/assets/styles/bmc/custom/_toasts.scss b/src/assets/styles/bmc/custom/_toasts.scss index dcc3985a..b8ec246e 100644 --- a/src/assets/styles/bmc/custom/_toasts.scss +++ b/src/assets/styles/bmc/custom/_toasts.scss @@ -2,8 +2,9 @@ top: 75px!important; // make sure toasts do not hide top header } +// Toast component and status icon style .toast { - padding: $spacer/2 $spacer/2 $spacer/2 $spacer; + padding: $spacer/2 $spacer/2 $spacer/2 $spacer+2; border-width: 0 0 0 3px; box-shadow: $box-shadow; .close { @@ -12,6 +13,12 @@ } } +.toast-icon svg { + position: absolute; + top: 20px; + left: 20px; +} + .toast-header { background-color: inherit!important; //override specificity border: none; -- cgit v1.2.3