Сделать тост, позволяющий нажимать на элементы позади при наведении, как уведомление по Skype

Question

Я создал тост, используя ngx-toastr в угловом базовом интерфейсе. Я хочу что-то вроде уведомления по скайпу, когда пользователь наводит на тост, он должен позволять нажимать на элементы позади него, которые скрыты под ним.

Когда в этом верхнем правом углу появляется тост, у меня есть кнопка, чтобы сделать что-то, тост появляется точно над ним и делает кнопку недоступной для пользователя, пока она не исчезнет. Есть ли какая-то особенность, что когда пользователь наводит курсор на тост, он становится менее непрозрачным и должен разрешить пользователю нажимать кнопку через него

Answer 1

Просто чтобы убедиться, что я правильно понял вопрос, вы хотите видеть тост через ngx и нажимать на базовые элементы, верно?

Вы можете добавить это в файл CSS (глобально или на уровне компонента CSS) вашего приложения.

::ng-deep #toast-container > div {
    opacity: 0.8 !important;
    pointer-events: none !important;
}