EMail/Jabber Notifier forms: incorrect size of 'test connection failed' error message


[ TeamCity Enterprise Version 5.0 EAP (build 10626) ]
[ Mozilla Firefox 3.0.14 (build 02842) ]

There are four pictures in attachments where border colors identify the following elements:

red -> 'dialog' jsp tag (dialog.tag)
blue -> 'modalDialogBody' div nested to 'dialog' jsp tag and contains custom tag body used by calling page
yellow -> 'testConnectionStatus' div (editSettings.jsp)
magenta -> 'testConnectionDetails' div (editSettings.jsp)

[01.jpg]

This incorrect imaging of connection details div (leaving parent div boundary) takes place because of 'width: 30em;' setting in style 'testConnectionDetails' (forms.css) that is used inside of testConnection.js file. Results might be seen at the picture.

[02.jpg]

You can remove constant width value for 'testConnectionDetails' css style and you'll see that details error message won't leave restriction of its outer parent bounding box. But then there will be one more trouble. As you change whitespace (0x20) character to   symbol, Firefox doesn't wrap text in div but adds horizontal scroll bar.

[03.jpg]

At this picture you could see correctly control size and text wrapping. Replacing white space ("replace(/ /g, ' ');") was commented.

[04.jpg]

This picture like the previous one exactly. But white spaces were changed to character hexadecimal code 0x000C (one of specified 'white spaces' from http://www.w3.org/TR/html401/struct/text.html#h-9.1) if you wouldn't like that ordinary code 0x20 would be used.

PS

TeamCity/webapps/ROOT/WEB-INF/tags/dialog.tag
TeamCity/webapps/ROOT/css/forms.css
TeamCity/webapps/ROOT/plugins/email/editSettings.jsp
TeamCity/webapps/ROOT/js/bs/testConnection.js



Attachment(s):
04.jpg
03.jpg
02.jpg
01.jpg
1 comment
Comment actions Permalink

Thank you very much, I have created the issue in out tracker for that problem. Such in-depth analysis is highly appreciated!

0

Please sign in to leave a comment.