search

ForEvolve / bootstrap-dark

Bootstrap 4 dark theme that supports togging dark/light themes as well. There is no fluff, it changes the color of Bootstrap and that's it, no new thing to learn or unlearn, just Bootstrap, but Dark!
MIT License
299 stars 44 forks source link

Swal button text not showing #61

Closed vlewir closed 1 year ago

vlewir commented 1 year ago

Hi there,

Can you have any idea why the text is not showing on my sweet alert buttons when I used your dark method?

I used these:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@forevolve/bootstrap-dark@1.0.0/dist/css/toggle-bootstrap.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@forevolve/bootstrap-dark@1.0.0/dist/css/toggle-bootstrap-dark.min.css" />

and this:

<body class="bootstrap">

Everything else works fine.

before:

image

after:

image

My swal code:

swal({
    title: "Are you sure?",
    text: "Once deleted, you will not be able to recover this User!",
    icon: "warning",
    buttons: true,
    dangerMode: true,
})
.then((willDelete) => {
    if (willDelete) {
        $('#user_delete_form').attr('action',url);
        $('#user_delete_form').submit();
    }
});

Thank you very much!

Carl-Hugo commented 1 year ago

Have you tried updating to the latest version instead of using 1.0.0?

vlewir commented 1 year ago

Thanks. In the meantime I replaced it with SweetAlert2. Now I quickly tried with version 3.0.0 as well, but the problem is the same.

Carl-Hugo commented 1 year ago

Thanks. In the meantime I replaced it with SweetAlert2. Now I quickly tried with version 3.0.0 as well, but the problem is the same.

Glad you fixed your issue. Since I don't know what sweet alert and swal are, it was very hard for me to diagnose.