diff options
author | Derick Montague <derick.montague@ibm.com> | 2021-02-21 23:57:38 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2021-02-25 00:48:34 +0300 |
commit | a36a32f112b2554109502c569fb4b9d64e88053d (patch) | |
tree | 60adb69f008d3a7d2175640e1c5fe1c61e4b2dfe | |
parent | 92f8755c40f4667f6853e6ba2d52a86687c75d46 (diff) | |
download | webui-vue-a36a32f112b2554109502c569fb4b9d64e88053d.tar.xz |
Update toast layout to align header elements
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I2bedab786dc10ee3eb7366a20c6c7e4fb2157e3e
-rw-r--r-- | src/assets/styles/bmc/custom/_toasts.scss | 21 |
1 files changed, 15 insertions, 6 deletions
diff --git a/src/assets/styles/bmc/custom/_toasts.scss b/src/assets/styles/bmc/custom/_toasts.scss index b8ec246e..4e2ad7fa 100644 --- a/src/assets/styles/bmc/custom/_toasts.scss +++ b/src/assets/styles/bmc/custom/_toasts.scss @@ -13,19 +13,28 @@ } } -.toast-icon svg { - position: absolute; - top: 20px; - left: 20px; -} - .toast-header { + display: flex; + align-items: flex-start; background-color: inherit!important; //override specificity border: none; color: theme-color("dark")!important; //override specificity padding-bottom: 0; } +.toast-icon { + display: flex; + margin-right: 1rem; + + svg { + margin-left: -2.5rem; + } + + + .close { + line-height: .9; + } +} + .toast-body { color: theme-color("dark"); padding-top: 0; |