search

egalink / Toasty.js

A minimal JavaScript notification plugin that provides a simple way to display customizable toast messages on the web page with CSS3 transition effects.
http://jakim.me/Toasty.js/
MIT License
41 stars 13 forks source link

Bootstrap 5 conflict #3

Open cyrussutaria opened 3 years ago

cyrussutaria commented 3 years ago

This style from bootstrap is conflicting with toasty

.toast:not(.showing):not(.show) { opacity: 0; }

Ambrion commented 2 years ago

I solved the problem for myself by redefining this css class .toast:not(.show) It was: .toast:not(.show) { display: none }

Changed to: .toast:not(.show) { display: block; }