From 1a7b8ca82209fa6d4d67c307445ad12c3159cc7e Mon Sep 17 00:00:00 2001
From: Tony Stipanic <tony@stipanic.ch>
Date: Tue, 7 Sep 2021 00:19:02 +0200
Subject: [PATCH] Override bootstrap toaster CSS fixing angular2-toaster

---
 web/app/app.module.ts                        | 2 +-
 web/style/app.scss                           | 2 +-
 web/style/components/bootstrap_override.scss | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/app/app.module.ts b/web/app/app.module.ts
index 66009eb..5e37ff9 100644
--- a/web/app/app.module.ts
+++ b/web/app/app.module.ts
@@ -133,7 +133,7 @@ export function HttpLoaderFactory(http: HttpClient) {
         routing,
         NgbModule,
         UiSwitchModule,
-        ToasterModule,
+        ToasterModule.forRoot(),
         BrowserAnimationsModule,
         BreadcrumbModule,
         CKEditorModule,
diff --git a/web/style/app.scss b/web/style/app.scss
index 33d1382..ba68875 100644
--- a/web/style/app.scss
+++ b/web/style/app.scss
@@ -1,12 +1,12 @@
 // styles in src/style directory are applied to the whole page
 @import "../assets//fonts/opensans100-roboto300";
-@import "../../node_modules/angular2-toaster/toaster";
 @import "~bootstrap/scss/bootstrap";
 @import "~ngx-ui-switch/ui-switch.component.scss";
 @import "themes/themes";
 @import "components/ibox";
 @import "components/dialog";
 @import "components/bootstrap_override";
+@import "~angular2-toaster/toaster";
 @import "riot";
 
 body {
diff --git a/web/style/components/bootstrap_override.scss b/web/style/components/bootstrap_override.scss
index 2c57574..d8fa372 100644
--- a/web/style/components/bootstrap_override.scss
+++ b/web/style/components/bootstrap_override.scss
@@ -27,5 +27,9 @@
     .form-control::placeholder {
       color: themed(formControlPlaceholderColor);
     }
+
+    .toast:not(.show) {
+      display: flex;
+    }
   }
 }
\ No newline at end of file