Opened 5 years ago

Closed 4 years ago

#2018 closed change (fixed)

Optimize first-run page for smaller screens

Reported by: greiner Assignee: greiner
Priority: P3 Milestone:
Module: User-Interface Keywords:
Cc: Blocked By:
Blocking: Platform: Unknown
Ready: yes Confidential: no
Tester: Unknown Verified working: no
Review URL(s):

https://codereview.adblockplus.org/29328733/

Description (last modified by greiner)

Background

Currently, we show the same first-run page that we show on Firefox Desktop also on Firefox Mobile. However, there was no optimization for mobile being done when introducing the current version of the first-run page. Furthermore the share overlay that's triggered upon clicking on one of the share buttons is suboptimal for displayal on smaller screens.

Note that this will also resolve #1293.

What to change

Optimize the first-run page for smaller screens width < 970px (760px maximum width + 2 * 100px padding + 10px extra):

  • Set appropriate <meta name="viewport"> tag
  • Adjust size of text to match proportions seen in desktop version (if applicable)
  • Reduce the left and right padding of page sections from 100px to 40px
  • The share buttons should open the according social media website instead of showing the share overlay
  • Halve the size of the logo to ensure that large portions of the first section is above the fold

Change History (4)

comment:1 Changed 4 years ago by greiner

  • Blocked By 1292 removed
  • Description modified (diff)
  • Tester set to Unknown
  • Verified working unset

Updated "What to change" section according to latest version of first-run page.

comment:2 Changed 4 years ago by greiner

  • Owner set to greiner

comment:3 Changed 4 years ago by greiner

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

comment:4 Changed 4 years ago by greiner

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