diff options
| author | SurenNeware <sneware9@in.ibm.com> | 2020-09-11 15:32:42 +0300 |
|---|---|---|
| committer | Derick Montague <derick.montague@ibm.com> | 2020-09-27 19:19:14 +0300 |
| commit | c2862dcc2a3e531a58b50b31ad18a3597303c7ac (patch) | |
| tree | 7711507816561380000a84665c4dd312a57f056e /src/assets/styles/bmc/custom | |
| parent | 7ad48b126f9df728ec0984933235441aa7688c2e (diff) | |
| download | webui-vue-c2862dcc2a3e531a58b50b31ad18a3597303c7ac.tar.xz | |
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 <sneware9@in.ibm.com>
Change-Id: Iae75e3eec7317af6b25a0ed1bfa4cc72644f7cd7
Diffstat (limited to 'src/assets/styles/bmc/custom')
| -rw-r--r-- | src/assets/styles/bmc/custom/_toasts.scss | 9 |
1 files changed, 8 insertions, 1 deletions
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; |