Opened 4 years ago

Closed 3 years ago

Last modified 3 years ago

#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 4 years ago.
options_page_800x600_styleguide_99.jpg (2.4 MB) - added by sven 4 years ago.
options_page_1024x768_99.jpg (2.3 MB) - added by sven 4 years ago.
options_page_1024x768_styleguide_99.jpg (2.3 MB) - added by sven 4 years ago.
options_page_1280x800_99.jpg (2.0 MB) - added by sven 4 years ago.
options_page_1280x800_styleguide_99.jpg (2.1 MB) - added by sven 4 years ago.
popular.png (303 bytes) - added by sven 4 years ago.
options_page_111_760.png (809.9 KB) - added by sven 4 years ago.
options_page_111_1024.png (683.4 KB) - added by sven 4 years ago.
options_page_111_1280.png (553.4 KB) - added by sven 4 years ago.

Change History (21)

Changed 4 years ago by sven

Changed 4 years ago by sven

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:1 Changed 4 years ago by sven

  • Description modified (diff)

Changed 4 years ago by sven

comment:2 Changed 4 years ago by sven

  • Description modified (diff)

comment:3 Changed 4 years ago 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 4 years ago 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 4 years ago by greiner

  • Description modified (diff)

comment:6 Changed 4 years ago by greiner

  • Blocking 2706 added

Changed 4 years ago by sven

Changed 4 years ago by sven

Changed 4 years ago by sven

comment:7 Changed 4 years ago by sven

  • Description modified (diff)

comment:8 Changed 4 years ago by greiner

  • Priority changed from Unknown to P2
  • Ready set

comment:9 Changed 4 years ago by greiner

  • Description modified (diff)

comment:10 Changed 3 years ago 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 3 years ago by saroyanm

  • Cc saroyanm added
Note: See TracTickets for help on using tickets.