When toast is created without icon set to top-right position, it looks perfect but when an icon (success, warning or any other icon) is added some part of the rendered toast goes outside of the window. I have tested this on firefox and chrome.
To reproduce, on demo page: https://kamranahmed.info/toast
Try section 7 "Positioning the toast" with top-right position and it works fine, then try section "Customize Plugin" with position set to top-right given an icon, it looks like this.
Maybe the right thing to do would be setting "right" position to 75px instead of 40px in ".jq-toast-wrap.top-right" and change padding of ".jq-toast-single" to 30px right and left side each. Change would look like this
When toast is created without icon set to top-right position, it looks perfect but when an icon (success, warning or any other icon) is added some part of the rendered toast goes outside of the window. I have tested this on firefox and chrome.
To reproduce, on demo page: https://kamranahmed.info/toast
Try section 7 "Positioning the toast" with top-right position and it works fine, then try section "Customize Plugin" with position set to top-right given an icon, it looks like this.
Maybe the right thing to do would be setting "right" position to 75px instead of 40px in ".jq-toast-wrap.top-right" and change padding of ".jq-toast-single" to 30px right and left side each. Change would look like this