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
- 800 x 600 and higher: Preview - Styleguide
- 1024 x 768 and higher: Preview - Styleguide
- 1280 x 800 and higher: Preview - Styleguide
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
- 800 x 600 and higher: Styleguide
- 1024 x 768 and higher: Styleguide
- 1280 x 800 and higher: Styleguide
Attachments (10)
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
Changed on 07/03/2015 at 12:51:11 PM by sven
comment:3 Changed on 07/06/2015 at 02:07:44 PM by greiner
- Cc greiner added
- Description modified (diff)
- 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.
- 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.
- 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.
- 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: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:8 Changed on 08/04/2015 at 01:53:38 PM by greiner
- Priority changed from Unknown to P2
- Ready set
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