search

mzohaibqc / svelte-toasts

A highly configurable notification/toast component with individual toast state management capabilities.
https://mzohaibqc.github.io/svelte-toasts/
MIT License
42 stars 6 forks source link

Apply transparent background and border to close button in body, as well as in header #5

Closed andrew-pyle closed 9 months ago

andrew-pyle commented 2 years ago

The close button in BootstrapToast looked like a default button when it was in the toast body.

 _____________________________________
|                                ___  |
| Message body (No title)       | x | |
|                                ---  |
|_____________________________________|

Now we have this

 _____________________________________
|                                     |
| Message body (No title)         x   |
|                                     |
|_____________________________________|

I just moved the background and border styles into a top-level .st-toast-close-btn selector, instead of a nested one .st-toast-header .st-toast-close-btn