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 does not wordwrap on small screens #5827

Closed
VoordeMensen opened this issue Apr 16, 2018 · 1 comment
Closed

Toast does not wordwrap on small screens #5827

VoordeMensen opened this issue Apr 16, 2018 · 1 comment

Comments

@VoordeMensen
Copy link

VoordeMensen commented Apr 16, 2018

Toast does not wordwrap, it breaks the word on the edge of the screen and continues on the next line without wrapping. Wrapping the message in a div that explicitly wordwraps doesnt work.

Overriding the CSS works, not sure why this is in the CSS anyway.

.toast { word-break: normal !important; }

Steps to reproduce:

data.message = "A message of more than five or six words will look bad on mobile";
M.toast({html: '<div style="word-wrap: normal !important;">'+data.message+'</div>'});``
@Dogfalo
Copy link
Owner

Dogfalo commented Apr 23, 2018

Allow normal word-break on Toasts in 18cc5db

@Dogfalo Dogfalo closed this as completed Apr 23, 2018
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

2 participants