diff options
| author | Julius Härtl <jus@bitgrid.net> | 2019-03-01 15:02:12 +0300 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2019-06-07 08:32:16 +0300 |
| commit | 2d0337332d64065c5bf36dfb775c48976c0f730d (patch) | |
| tree | f863ac28782caf124f68baecffef86576570c6f0 /core/css/toast.scss | |
| parent | 07ffe4a34a9b3e63f33603a2e2bd49ea98293d88 (diff) | |
Add toastify js as a OC.Notification replacement
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'core/css/toast.scss')
| -rw-r--r-- | core/css/toast.scss | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/core/css/toast.scss b/core/css/toast.scss new file mode 100644 index 00000000000..242ae03b69a --- /dev/null +++ b/core/css/toast.scss @@ -0,0 +1,46 @@ +.toastify.toast { + min-width: 200px; + background: none; + background-color: var(--color-main-background); + color: var(--color-main-text); + box-shadow: 0 0 6px 0 var(--color-box-shadow); + padding: 12px; + padding-right: 34px; + margin-top: 45px; + + .toast-close { + position: absolute; + top: 0; + right: 0; + width: 38px; + opacity: 0.4; + padding: 12px; + @include icon-color('close', 'actions', $color-black, 2, true); + background-position: center; + background-repeat: no-repeat; + text-indent: 200%; + white-space: nowrap; + overflow: hidden; + + &:hover, &:focus, &:active { + cursor: pointer; + opacity: 1; + } + } +} +.toastify.toastify-top { + right: 10px; +} + +.toast-error { + border-left: 3px solid var(--color-error); +} +.toast-info { + border-left: 3px solid var(--color-primary); +} +.toast-warning { + border-left: 3px solid var(--color-warning); +} +.toast-success { + border-left: 3px solid var(--color-success); +} |