Ticket #6559 (new task)

Opened 8 months ago

Last modified 8 days ago

Tooltip: make pointer align with text

Reported by: bill Owned by: bill
Priority: normal Milestone: future
Component: Dijit - LnF Version: 1.1.0
Severity: normal Keywords: ibm
Cc:

Description

A tooltip next to text looks too high:

The center of the pointer should align w/the center of the text.

Need to be careful with this one because it could cause the top or the bottom of the tooltip to go offscreen, if the target text is near the top or the bottom of the viewport.

Also need to define the spec exactly... is the arrow vertically in the middle of the bubble? Currently it's towards the bottom.

Taken from IBM Design Leadership recommendations.

Attachments

tooltip.gif (3.6 kB) - added by bill 8 months ago.

Change History

Changed 8 months ago by bill

Changed 7 months ago by bill

(In [13430]) Tooltip look and feel updates:

  • remove matte from GIF images so they look OK on dark background (refs #6558) (Note: The images should be cropped but I had some problems doing that so leaving that for a different checkin.)
  • move connector gif down a bit so it aligns better w/<input> or <span> nodes (refs #6559)
  • add rounded corners for FF3 but make both FF3 and safari rounding smaller so text doesn't get cutoff, and so connector gif can be moved down (see previous bullet point)
  • also fix a problem with IE6 and IE7 above-tooltip displaying incorrectly (regression from [13385], refs #6558)

Changed 2 weeks ago by bill

  • milestone changed from 1.4 to future

The workaround to this issue is to use above/below tooltips instead.

Changed 8 days ago by bill

See also #4997.

Note: See TracTickets for help on using tickets.