Timeline tooltips are too close to mouse cursor

XMLWordPrintable

    • Type: Improvement
    • Resolution: Fixed
    • Priority: Normal
    • None
    • Affects Version/s: None
    • Component/s: JavaScript
    • None

      I usually use big mouse cursors, size 3 or 4 on Windows 10.
      Mouse cursor sizes goes from 1 (default size) to 15 (hugest size).

      Timeline tooltips are nice but they are always partially hidden with my mouse.

      But I have noticed that with any mouse cursor size, the timeline tooltips were closer to the mouse than were the native tooltips.

      I tinkered with Chrome's overrides to change timeline tooltip position (top, left) offset values until I reached the same result as for the native tooltip.

      I found out that, instead of the original offset attempt:

      top: y + 5,
      left: x + 5,
      

      We should rather use:

      top: y + 16,
      left: x + 12,
      

      With these values, the position offset is the same as for the native tooltip, whatever the size of the mouse cursor.

      Tested on Windows 10.
      I will test on Linux once I commit a change to git.

        Windows 10 tooltip Timeline.js hand tooltip Timeline.js arrow tooltip
      Before
      After (changed colours for debug)

      Photos with mouse cursor size 2.
      But it mimics native tooltip whatever the cursor size (I use size 3).
      With huge size, neither native nor custom tooltips will look good, they will be same.

        1. timeline-arrow-before.jpg
          timeline-arrow-before.jpg
          28 kB
        2. timeline-arrow-fixed.jpg
          timeline-arrow-fixed.jpg
          84 kB
        3. timeline-hand-before.jpg
          timeline-hand-before.jpg
          28 kB
        4. timeline-hand-fixed.jpg
          timeline-hand-fixed.jpg
          75 kB
        5. w10-tooltip.jpg
          w10-tooltip.jpg
          28 kB

            Assignee:
            jesus2099
            Reporter:
            jesus2099
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Version Package