Angular 2 - Toastr Custom Emplacement

Question

J'utilise toastr-ng2 et je veux que l'emplacement du toast soit dans l'en-tête de ma page Web (par exemple style="margin-top: 30px").
Je n'arrive pas à trouver les paramètres pour cette option. Est-ce possible?

Answer 1

J'ai trouvé un moyen facile de le faire. En inspectant l'élément de page lorsque le toastr est affiché, vous pouvez obtenir le css utilisé. Ensuite, modifiez le code et ajoutez-le au fichier styles.css qui peut remplacer les paramètres par défaut toastr.

E.g.

#toast-container.toast-top-center .toast, 
#toast-container.toast-bottom-center .toast { 
    margin-top: 50px; 
}