search

t4t5 / sweetalert

A beautiful replacement for JavaScript's "alert"
https://sweetalert.js.org
MIT License
22.4k stars 2.84k forks source link

Swal icon success has a bug when putting background color on modal #938

Open RandonJordan opened 4 years ago

RandonJordan commented 4 years ago

The only icon i have an issue with is the success. When I put a background color on the swal modal the success icon has a huge white overlay of some sort. See image. swalmodal

szilG commented 2 years ago

Hi @RandonJordan! I find some solutions to this problem. In the css file simply overwrite those values: .swal-icon--success__hide-corners { background: none !important; } .swal-icon--success:before, .swal-icon--success:after { background: none !important; } I hope it can help!

szilG commented 2 years ago

Screenshot 2021-09-26 at 16 26 04

camachogfelipe commented 5 months ago

Hi

The following code worked for me. This one for sass:

`.swal2-icon.swal2-success {

& .swal2-success-circular-line-left,
& .swal2-success-fix,
& .swal2-success-circular-line-right {
    background-color: transparent !important;
}

& .swal2-success-line-tip,
& .swal2-success-line-long {
    background-color: white !important;
}

}`