search

Cogoport / cogo-toast

Beautiful, Zero Configuration, Toast Messages for React. Only ~ 4kb gzip, with styles and icons
https://cogoport.github.io/cogo-toast
MIT License
673 stars 1 forks source link

Odd issue with SVG icon #44

Closed MuTLY closed 4 years ago

MuTLY commented 4 years ago

Depending on screen size, the icon shows different sizes.

image

image

I haven't touch the original CSS and I'm having a hard time finding the cause of this.

MuTLY commented 4 years ago

The more text added to the toaster, the smaller the icon. Solution: adding a min-width to the svg CSS rule with the same size of the icon element (18px) fixes this behavior.

E.g. .ct-toast svg { min-width: 18px; }

anmdotdev commented 4 years ago

Fixed in v4.1.3 with #46