ngx-toastr, Toast not showing in Angular 7 : <p>I'm currently developing a web app using Angular 7. I wanted to include ngx-toastr to send notifications to users but it isn't working as expected. When I trigger a toast nothing happens, except for a box in the size of a toast is appearing in bottom right corner but only when hovered over by the coursor.
Following an example of how I trigger the toastr function. Test is invoked by the click of a button. </p>

<pre><code>import {ToastrService} from 'ngx-toastr';
@Component({
  selector: 'app-action-controls',
  templateUrl: './action-controls.component.html',
  styleUrls: ['./action-controls.component.scss']
})
export class Notification implements OnInit {
  test(){   
          this.toast.success("I'm a toast!", "Success!");
  }
 constructor(private toast: ToastrService) { }
}
</code></pre>

<p>I includet the library css files in the angular.json file in my project like this: </p>

<pre><code>     ...        
     "styles": [
        "src/styles.scss",
        "node_modules/bootstrap/scss/bootstrap.scss",
        "node_modules/ngx-toastr/toastr.css"
      ],
      ...
</code></pre>

<p>And like this in my app.module.ts file:</p>

<pre><code>...
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {ToastrModule} from 'ngx-toastr';
...
  imports: [
    ...
    BrowserAnimationsModule,
    ToastrModule.forRoot({
      timeOut: 1000,
      positionClass: 'toast-bottom-right'
    })
   ]
...
</code></pre>

<p>I can't figure out what i'm doing wrong, has anyone had similar experiences? Many thanks in advance!</p>
