각도 2 - Toastr 사용자 지정 위치

Question

나는 toastr-ng2을 사용하고 있으며 내 웹 페이지의 헤더 (예 : style="margin-top: 30px") 아래에서 건배의 위치를 ​​원합니다.
이 옵션의 설정을 찾지 못하는 것 같습니다. 이것이 가능한가?

Answer 1

나는 이것을 쉽게 할 수있는 방법을 발견했다. 토스터가 표시 될 때 페이지 요소를 검사하여 사용 된 CSS를 얻을 수 있습니다. 그런 다음 코드를 수정하고 default toastr 설정을 덮어 쓸 수있는 styles.css 파일에 코드를 추가하십시오.

예. 완성도를 들어

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