Opened 4 years ago

Closed 4 years ago

#2356 closed change (fixed)

Implement tooltips design

Reported by: greiner Assignee: greiner
Priority: P2 Milestone:
Module: User-Interface Keywords:
Cc: Blocked By: #1524
Blocking: #2355, #2358, #2374, #2411, #2802 Platform: Unknown
Ready: yes Confidential: no
Tester: Unknown Verified working: no
Review URL(s):

https://codereview.adblockplus.org/29322581/

Description (last modified by greiner)

Background

We want to explain some features to the user by showing a tooltip for certain links on the page.

What to change

  • Implement tooltips based on design style guide
  • Tooltips should be attached to a link and only be visible if the cursor is on the link
  • Tooltips should always appear below the link they are attached to
  • Tooltips should have a maximum width of 400px
  • Tooltips should point to the link they are attached (use the arrow-up image for that)
  • Tooltips may contain one image and formatted text but no hyperlinks (images are available for tooltip in blocking ads, more blocking options, acceptable ads and whitelist)
  • Hovering over the tooltip should hide it
  • Add tooltips to the "Read more" links on General tab

Attachments (6)

tooltip_arrow_v1_pngout.png (231 bytes) - added by sven 4 years ago.
options_page_93_2_tooltip_styleguide.jpg (1.1 MB) - added by sven 4 years ago.
tooltip_acceptableads_pngout.png (569 bytes) - added by sven 4 years ago.
tooltip_blockads_pngout.png (899 bytes) - added by sven 4 years ago.
tooltip_moreoptions_pngout.png (811 bytes) - added by sven 4 years ago.
tooltip_whitelist_pngout.png (890 bytes) - added by sven 4 years ago.

Download all attachments as: .zip

Change History (17)

comment:1 Changed 4 years ago by greiner

  • Blocked By 1524 added

comment:2 Changed 4 years ago by greiner

  • Blocking 2358, 2374, 2411 added

Changed 4 years ago by sven

Changed 4 years ago by sven

comment:3 Changed 4 years ago by sven

  • Description modified (diff)

comment:4 Changed 4 years ago by greiner

  • Description modified (diff)
  • Ready set

comment:5 Changed 4 years ago by greiner

  • Description modified (diff)
  • Ready unset

Changed 4 years ago by sven

Changed 4 years ago by sven

Changed 4 years ago by sven

Changed 4 years ago by sven

comment:6 Changed 4 years ago by sven

  • Description modified (diff)

comment:7 Changed 4 years ago by greiner

  • Owner set to greiner
  • Tester set to Unknown

comment:8 Changed 4 years ago by greiner

  • Description modified (diff)
  • Ready set

Note that tooltips for popular filter lists on the General tab need to be addressed in a different ticket because that requires #2668 to be fixed first.

comment:9 Changed 4 years ago by greiner

  • Review URL(s) modified (diff)
  • Status changed from new to reviewing

comment:10 Changed 4 years ago by greiner

  • Blocking 2802 added

comment:11 Changed 4 years ago by greiner

  • Resolution set to fixed
  • Status changed from reviewing to closed
Note: See TracTickets for help on using tickets.