jquery-toast-plugin icon indicating copy to clipboard operation
jquery-toast-plugin copied to clipboard

Toast goes outside of the window when set to top-right with icon

Open umrbrwn opened this issue 5 years ago • 0 comments

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.

image

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

image

umrbrwn avatar Apr 07 '19 09:04 umrbrwn