Opened on 02/19/2015 at 06:14:21 PM

Closed on 10/12/2015 at 09:54:24 AM

#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):

Description (last modified by greiner)


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

Attachments (0)

Change History (4)

comment:1 Changed on 09/30/2015 at 03:36:48 PM 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 on 09/30/2015 at 05:25:46 PM by greiner

  • Owner set to greiner

comment:3 Changed on 09/30/2015 at 05:26:02 PM by greiner

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

comment:4 Changed on 10/12/2015 at 09:54:24 AM by greiner

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

Add Comment

Modify Ticket

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