A quite good way to get rid of the text going out of the window is the following:
1. Wrap the %message% into a new div container
2. Add to the CSS: .cmessage {padding:2px 0 2px 0;max-width:300px;overflow:hidden;text-overflow:ellipsis;}
3. The only problem is to get the value for max-width, but one possible way to calcute the right value could be done in the template file, where you subtract the other widthes from the document-width and then append this via javascript to the head.
Since I always have the same window size for all message windows the static value works really well and prevents the message from going into nirvana ;)
Another small bug I found: the header (modern variant) …respectively the text-shadow of the header has 1px too much offset ;) Apart from this: good work :)
# by Masterofdistress on 12/06/09 at 20:05:42
1. Wrap the %message% into a new div container
2. Add to the CSS: .cmessage {padding:2px 0 2px 0;max-width:300px;overflow:hidden;text-overflow:ellipsis;}
3. The only problem is to get the value for max-width, but one possible way to calcute the right value could be done in the template file, where you subtract the other widthes from the document-width and then append this via javascript to the head.
Since I always have the same window size for all message windows the static value works really well and prevents the message from going into nirvana ;)
Another small bug I found: the header (modern variant) …respectively the text-shadow of the header has 1px too much offset ;) Apart from this: good work :)