Czy istnieje sposób, aby to zmienić? Próbowałem definiowania toastClass jako klasa z kryciem ustawionym na 1, ale widzieliśmy żadnych zmian:Ustawianie krycia toastr?
.toast-style{
opacity: 1;
}
toastr.options.toastClass = 'toast-style';
Czy istnieje sposób, aby to zmienić? Próbowałem definiowania toastClass jako klasa z kryciem ustawionym na 1, ale widzieliśmy żadnych zmian:Ustawianie krycia toastr?
.toast-style{
opacity: 1;
}
toastr.options.toastClass = 'toast-style';
Brak JavaScript wymagane dla tego produktu. Powinieneś być w stanie zmienić w CSS stosując albo
#toast-container > div {
opacity:1;
}
lub
.toast {
opacity: 1 !important;
}
Musiałem to zrobić dla pojedynczego toastr więc poszedł tą drogą:
toastr.options = {
...
};
toastr.info(
'All of my favorite singers have stolen all of my best lines',
'The Title'
);
$('#toast-container').addClass('nopacity');
... a następnie ...
#toast-container.nopacity > div {
opacity: 1;
}
#toast-container > div {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
}
Dobre rozwiązanie w większości przypadków. Ale czy można to zrobić w oparciu o przesłanie wiadomości? Wyobraźmy sobie, że większość zastosowań wywołania toastr na stronie jest w porządku, ale jeśli użytkownik robi to coś specjalnego, chcemy pokazać to głośno i dumnie (nieprzejrzyste) i czekać, aż je zamkną. – mmcrae
'! Important' jest prawie zawsze złe – Madbreaks