Modify

Opened 4 years ago

Closed 4 years ago

#7304 closed enhancement (fixed)

display ticket description with better style

Reported by: hasienda Owned by: hasienda
Priority: normal Component: WikiTicketCalendarMacro
Severity: normal Keywords: calendar tooltip
Cc: rjollos Trac Release: 0.12

Description

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.

Attachments (3)

WikiTicketCalendar_114.png (19.2 KB) - added by hasienda 4 years ago.
old style tooltip until VikiTicketCalendarMacro version 1.1.4 rendered by Opera 9.64
WikiTicketCalendar_pre115.png (19.2 KB) - added by hasienda 4 years ago.
minor enhanced old style tooltip for WikiTicketCalendarMacro, again rendered by Opera 9.64
WikiTicketCalendar_115.png (20.8 KB) - added by hasienda 4 years ago.
major enhanced tooltip CSS style, rendered by Opera 9.64 as well

Download all attachments as: .zip

Change History (9)

Changed 4 years ago by hasienda

old style tooltip until VikiTicketCalendarMacro version 1.1.4 rendered by Opera 9.64

comment:1 Changed 4 years ago by hasienda

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.

Changed 4 years ago by hasienda

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

comment:2 Changed 4 years ago by hasienda

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:

Changed 4 years ago by hasienda

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

comment:3 Changed 4 years ago by hasienda

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).

comment:4 Changed 4 years ago by hasienda

  • Status changed from new to assigned

(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.

comment:5 Changed 4 years ago by hasienda

[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).

comment:6 Changed 4 years ago by hasienda

  • Resolution set to fixed
  • Status changed from assigned to closed

(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.

Add Comment

Modify Ticket

Action
as closed .
as The resolution will be set. Next status will be 'closed'.
to The owner will be changed from hasienda. Next status will be 'closed'.
The resolution will be deleted. Next status will be 'reopened'.
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.