Feature #32029

Replace gantt and calendar tooltips with jquery tooltips

Added by Anonymous 7 months ago. Updated about 1 month ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:UI
Target version:Candidate for next major release
Resolution:

Description

I think jquery tool-tips should also be used as gantt and calendar tool-tips which display brief information when rolling cursor over issue lines of the timeline/calendar cells, because currently those kind of tool-tips in gantt/calendar aren't designed to spawn on the left, right, below or over the issue lines, depending on which side a free space available, so the tool-tip wouldn't end up half cut outside of the window.
I tested the way jquery tool-tips are displayed and saw that they actually support that kind of smart behavior.

Patch is to be posted.

jquery-tooltips-gantt+calendar.patch Magnifier (3.18 KB) Anonymous, 2019-09-26 14:39

jquery-tooltips-gantt+calendar-v2.patch Magnifier (4.07 KB) Anonymous, 2019-09-30 17:19


Related issues

Related to Redmine - Patch #31441: Show elements titles using jQuery UI tooltips Closed

History

#1 Updated by Go MAEDA 7 months ago

  • Related to Patch #31441: Show elements titles using jQuery UI tooltips added

#2 Updated by Anonymous 6 months ago

Attaching a very well working patch! :D

P.S. one thing I wasn't very sure about is the normal way to trigger a jquery tooltip, so I fed empty title tags in gantt.rb and _calendar.html.erb, in order to make tool-tip events bind properly, else no worky :(

#3 Updated by Marius BALTEANU 6 months ago

Antonio McDeal wrote:

Attaching a very well working patch! :D

P.S. one thing I wasn't very sure about is the normal way to trigger a jquery tooltip, so I fed empty title tags in gantt.rb and _calendar.html.erb, in order to make tool-tip events bind properly, else no worky :(

Nice job! I will help you with this. Also, we should preserve the white background for these tooltips.

#4 Updated by Anonymous 6 months ago

Marius BALTEANU wrote:

Nice job! I will help you with this. Also, we should preserve the white background for these tooltips.

I included your suggestion in an updated patch and introduced a new custom class called "white-tip" for those types of tool-tips. They re still jquery, just with an this extra class to be able to restyle em slightly differently from other jquery toltips in CSS :D
I also moved all old tooltip styles to the new jquery tool-tips section in CSS, to keep things better grouped. I presume it was created once again by mistake in a whole separate place, instead of adding to existing section of application.css :D

Now it's only the empty title tags on elements which needs to be reviewed, cuz I'm still not sure if there is other way to trigger tooltips, probably without a need for a title tag :)

#5 Updated by Go MAEDA about 1 month ago

  • Target version set to Candidate for next major release

Also available in: Atom PDF