display ticket description with better style

[Steffen Hoffmann]

Ticket descriptions are displayed in tooltips by using a title attribute to the ticket link anchor tag.

While this has the advantage of being well supported even by ancient browsers this simple solution the major drawback is the really bad text presentation. In fact the is no way to control the formatting (headings, line breaks, lists, etc.) in tooltips generated from text added by title attribute.

Time to switch to a more convenient solution? Think so.

[Steffen Hoffmann]

old style tooltip until VikiTicketCalendarMacro version 1.1.4 rendered by Opera 9.64

[Steffen Hoffmann]

I stumbled over this while doing heavy code lifting for a solution to #7239.

So I tried to improve this a bit, but marking line breaks did not do much better. I wasn't satisfied a all with the results. The old style tooltip is simply not suitable to display more than the first line of ticket description text.

[Steffen Hoffmann]

minor enhanced old style tooltip for WikiTicketCalendarMacro, again rendered by Opera 9.64

[Steffen Hoffmann]

Now I found the time to re-implement ticket descriptions in tooltips by pure CSS.

This is not my own invention but actually a quite widespread solution, that should work with many browsers ¹

I noticed some quirks when scrolling the wiki page with the calendar in Opera 9.64 from Debian package, but since Opera 10 is out for a while I guess this could have improved since too.

¹ examples I used to build the current solution for WikiTicketCalendarMacro:

• ​http://meyerweb.com/eric/css/edge/popups/demo.html
• ​http://www.tool4web.de/css_tooltip.html
• ​http://www.webbe.de/index.shtml?CONTENT=script_css_tooltip (German or Polish only)

[Steffen Hoffmann]

major enhanced tooltip CSS style, rendered by Opera 9.64 as well

[Steffen Hoffmann]

With [8165] all wiki formatting is shown nicely, even AbbrMacro (TracAbbrMacro-0.11.1) works inside the new style tooltip pop-up.

Please test and report back any issues, since I'd like to make this the new default description presentation. Someone voting to retain the old tooltip as an option, or switch descriptions off entirely (not possible by now, but could be done).

[Steffen Hoffmann]

(Mis-)Rendering hyperlinks (href) and CSS (span) around embedded images was a major show stopper for new style tooltip pop-ups in all tested browsers (IE6.0 + 7, FF3.5, Mozilla1.0.9, Opera 9), hence they are stripped now by regular expression. I restored the old ticket entry look (red link and blue summary) as well, that was altered accidentally by me carelessly adding way too many style attributes together with essential CSS for tooltips.

[8189] might be the final step in this development as I'm satisfied with the presentation now.

As I still miss feedback on this I strongly encourage everyone to test now. If I see no further issues testing here on my own, I'll release new branch revisions for 0.11 and 0.12 within next two weeks. For now I still think about stripping images embedded into ticket description from tooltips. Small ones are nice, but big ones (i.e. screenshot images) do blow up the tooltip boxes to an enormous size. At least Opera has big issues with rendering such mega-boxes in a consistent, usable way.

[Steffen Hoffmann]

[8200] has some more polishing for the tooltip rendering, especially in older versions of IE.

As for a nasty z-index related render bug I feel forced to move the tooltips to the left much more than I'd like normally (actually had 'left: 0;' before), but I see no other way to prevent following ticket numbers from popping up in the tooltip box of tickets listed above (see ​http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html for details on the issue).

[Steffen Hoffmann]

(In [8263]) WikiTicketCalendarMacro: Copy trunk to 0.12 and merge changes to 0.11 as well, closes #7239 #7236 #3159 #7304.

This is a major push to get latest development into both currently maintained branches. Next to a lang rewrite for saner HTML generation there is a new approach to ticket description preview by native CSS style text boxes. Expect some more subtle tweaks to calendar presentation as well.