Jgrowl box text

13 Sep 2016 Edited
#1
This issue is marked as solved
The text inside the box is 'broken', as you can see on the screenshot: http://image.prntscr.com/image/9dd74d17a...1cfec9.png

The: a
s

I guess thats the same with other messages that appear trough jgrowl, i remember there was another plugin you made using jgrow withl lots of messages that had this issue.

Can this be fixed somehow?

Best answer

Shade 22 Oct 2016
Ok so this depends on your button styling rather than jGrowl itself. Buttons float by default and this causes text to be divided if it's too long.

To solve this once for all, add this rule to the end of your global.css file:

.jGrowl-notification .jGrowl-message {
    
word-break: normal

This should prevent text from being disrupted.

All replies

Shade 13 Sep 2016
#2
I believe this is a styling issue with jGrowl and not the plugin itself. A fix would be as easy as a CSS line, but I am unsure about what's causing it and I will check it out.
Brenda 15 Sep 2016
#3
Ok, let me know when you found anything.
Thanks.
Shade 15 Sep 2016
#4
Sure thing.
Brenda 8 Oct 2016
#5
Just wondering, isn't it possible make the box bigger like by css, it wouldn't break it then, would it?
Shade 8 Oct 2016
#6
Yes you can. I guess its CSS is located into global.css, but I'm currently not at home so I can't really tell.

Hust to clear this up - this is not a Drafts AutoSave 1.1 issue but a jGrowl one.
Brenda 8 Oct 2016 Edited
#7
Yes, its there, thank you.

.jGrowl-notification {
  
width250px;

You can also move this thread out of here when its related to jgrowl only.
Shade 22 Oct 2016
#8
Ok so this depends on your button styling rather than jGrowl itself. Buttons float by default and this causes text to be divided if it's too long.

To solve this once for all, add this rule to the end of your global.css file:

.jGrowl-notification .jGrowl-message {
    
word-break: normal

This should prevent text from being disrupted.
Brenda 22 Oct 2016
#9
Thank you, works fine now. :)