Opened on 07/03/2015 at 11:06:04 AM

Closed on 01/24/2017 at 10:20:43 AM

Last modified on 01/24/2017 at 12:00:14 PM

#2746 closed change (incomplete)

Resolution optimization of new options page

Reported by: sven Assignee:
Priority: P2 Milestone:
Module: User-Interface Keywords:
Cc: greiner, saroyanm Blocked By:
Blocking: #2706 Platform: Unknown / Cross platform
Ready: yes Confidential: no
Tester: Unknown Verified working: no
Review URL(s):

Description (last modified by greiner)

Background

The UI team decided to create optimized front-end versions of the new options page for the following three display resolutions:

What to change

Don't show the share overlay (see #2381) on resolutions lower than 800 x 600 (similar to implementation on the first-run page in #2018).

Apply the styles as seen in the attached designs:

General page

Beyond that, replace the "popular" tag in the "More blocking options" section with a star icon. Use the "title" attribute to add a tooltip to the star: "Popular blocking option"

Advanced page

Attachments (10)

options_page_800x600_99.jpg (2.4 MB) - added by sven on 07/03/2015 at 11:07:53 AM.
options_page_800x600_styleguide_99.jpg (2.4 MB) - added by sven on 07/03/2015 at 11:08:08 AM.
options_page_1024x768_99.jpg (2.3 MB) - added by sven on 07/03/2015 at 11:08:22 AM.
options_page_1024x768_styleguide_99.jpg (2.3 MB) - added by sven on 07/03/2015 at 11:08:37 AM.
options_page_1280x800_99.jpg (2.0 MB) - added by sven on 07/03/2015 at 11:08:49 AM.
options_page_1280x800_styleguide_99.jpg (2.1 MB) - added by sven on 07/03/2015 at 11:09:01 AM.
popular.png (303 bytes) - added by sven on 07/03/2015 at 12:51:11 PM.
options_page_111_760.png (809.9 KB) - added by sven on 08/03/2015 at 10:30:25 AM.
options_page_111_1024.png (683.4 KB) - added by sven on 08/03/2015 at 10:30:58 AM.
options_page_111_1280.png (553.4 KB) - added by sven on 08/03/2015 at 10:31:18 AM.

Change History (21)

Changed on 07/03/2015 at 11:07:53 AM by sven

Changed on 07/03/2015 at 11:08:08 AM by sven

Changed on 07/03/2015 at 11:08:22 AM by sven

Changed on 07/03/2015 at 11:08:37 AM by sven

Changed on 07/03/2015 at 11:08:49 AM by sven

Changed on 07/03/2015 at 11:09:01 AM by sven

comment:1 Changed on 07/03/2015 at 11:12:18 AM by sven

  • Description modified (diff)

Changed on 07/03/2015 at 12:51:11 PM by sven

comment:2 Changed on 07/03/2015 at 12:53:50 PM by sven

  • Description modified (diff)

comment:3 Changed on 07/06/2015 at 02:07:44 PM by greiner

  • Cc greiner added
  • Description modified (diff)
  1. Could you please also add designs for the Advanced tab? Because currently it's not clear how the overview table is supposed to wrap on smaller screens.
  1. What about a browser tooltip for the star icon? e.g. "Popular blocking option"

comment:4 Changed on 07/06/2015 at 02:48:10 PM by sven

Thanks for pointing that out.

  1. Could you please also add designs for the Advanced tab? Because currently it's not clear how the overview table is supposed to wrap on smaller screens.

Thats true, I will add them to this issue.

  1. What about a browser tooltip for the star icon? e.g. "Popular blocking option"

I didn't wrote it in this issues, but i would do it exactly like you suggested.

comment:5 Changed on 07/06/2015 at 03:09:19 PM by greiner

  • Description modified (diff)

comment:6 Changed on 07/29/2015 at 10:00:25 AM by greiner

  • Blocking 2706 added

Changed on 08/03/2015 at 10:30:25 AM by sven

Changed on 08/03/2015 at 10:30:58 AM by sven

Changed on 08/03/2015 at 10:31:18 AM by sven

comment:7 Changed on 08/03/2015 at 10:35:34 AM by sven

  • Description modified (diff)

comment:8 Changed on 08/04/2015 at 01:53:38 PM by greiner

  • Priority changed from Unknown to P2
  • Ready set

comment:9 Changed on 10/13/2015 at 01:17:23 PM by greiner

  • Description modified (diff)

comment:10 Changed on 01/24/2017 at 10:20:43 AM by saroyanm

  • Resolution set to incomplete
  • Status changed from new to closed
  • The Previews and Styleguides is planned to be changed.
  • Share overlay implementation to be followed in #4837

comment:11 Changed on 01/24/2017 at 12:00:14 PM by saroyanm

  • Cc saroyanm added

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 (none).
 
Note: See TracTickets for help on using tickets.