Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
umrbrwn opened this issue Apr 7, 2019 · 0 comments
Open

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

umrbrwn opened this issue Apr 7, 2019 · 0 comments

Comments

@umrbrwn
Copy link

umrbrwn commented Apr 7, 2019

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant