2017-02-03 3 views
0

Я использую toastr-ng2 и хочу, чтобы местоположение тоста находилось под заголовком моей веб-страницы (например, style="margin-top: 30px").
Кажется, я не могу найти настройки для этой опции. Это возможно?Angular 2 - Toastr Custom Location

ответ

1

Я нашел простой способ сделать это. Проверяя элемент страницы при отображении тоста, вы можете получить css, который используется. Затем измените код и добавьте его в файл styles.css, который может перезаписать настройки toastr по умолчанию.

E.g.

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

Для полноты его также хорошо упомянуть, что есть список классов позиции, которые подходят для большинства нужд: https://www.npmjs.com/package/ng2-toastr#positionclass-string – Jayyf9