Opened on 04/20/2015 at 03:12:20 PM

Closed on 07/29/2015 at 10:36:02 AM

#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 on 05/04/2015 at 02:38:11 PM.
options_page_93_2_tooltip_styleguide.jpg​ (1.1 MB) - added by sven on 05/04/2015 at 02:38:25 PM.
tooltip_acceptableads_pngout.png​ (569 bytes) - added by sven on 05/05/2015 at 10:19:12 AM.
tooltip_blockads_pngout.png​ (899 bytes) - added by sven on 05/05/2015 at 10:19:19 AM.
tooltip_moreoptions_pngout.png​ (811 bytes) - added by sven on 05/05/2015 at 10:19:28 AM.
tooltip_whitelist_pngout.png​ (890 bytes) - added by sven on 05/05/2015 at 10:19:36 AM.

Download all attachments as: .zip

Change History (17)

comment:1 Changed on 04/23/2015 at 02:04:02 PM by greiner

  • Blocked By 1524 added

comment:2 Changed on 04/27/2015 at 05:34:12 PM by greiner

  • Blocking 2358, 2374, 2411 added

Changed on 05/04/2015 at 02:38:11 PM by sven

Changed on 05/04/2015 at 02:38:25 PM by sven

comment:3 Changed on 05/04/2015 at 02:44:37 PM by sven

  • Description modified (diff)

comment:4 Changed on 05/04/2015 at 04:12:05 PM by greiner

  • Description modified (diff)
  • Ready set

comment:5 Changed on 05/04/2015 at 04:14:08 PM by greiner

  • Description modified (diff)
  • Ready unset

Changed on 05/05/2015 at 10:19:12 AM by sven

Changed on 05/05/2015 at 10:19:19 AM by sven

Changed on 05/05/2015 at 10:19:28 AM by sven

Changed on 05/05/2015 at 10:19:36 AM by sven

comment:6 Changed on 05/05/2015 at 10:23:04 AM by sven

  • Description modified (diff)

comment:7 Changed on 07/16/2015 at 06:18:57 PM by greiner

  • Owner set to greiner
  • Tester set to Unknown

comment:8 Changed on 07/17/2015 at 03:16:55 PM 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 on 07/17/2015 at 04:19:33 PM by greiner

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

comment:10 Changed on 07/17/2015 at 05:37:58 PM by greiner

  • Blocking 2802 added

comment:11 Changed on 07/29/2015 at 10:36:02 AM by greiner

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

​https://hg.adblockplus.org/adblockplusui/rev/a40c644fc2aa

Add Comment

Modify Ticket

Change Properties
Action
as closed .
The resolution will be deleted. Next status will be 'reopened'.
to The owner will be changed from greiner.
Attachments ↑ Description ↑
 
Note: See TracTickets for help on using tickets.