Open Bug 1890266 Opened 3 months ago Updated 9 days ago

[meta] Implement Grid System to support large screens

Categories

(Fenix :: Design System and Theming, enhancement, P2)

Product:
Fenix
Component:
Design System and Theming
Platform:
All
Android
Type:
enhancement

Tracking

(Not tracked)

People

(Reporter: rsainani, Unassigned)

References

(Depends on 3 open bugs, Blocks 1 open bug)

Details

(Keywords: meta)

Figma spec

The goal is to create a token based grid system that makes it easier for us to design screens and develop features that looks good on different screen sizes.

We want to start by:

  1. Create a scale similar to the figma spec and see if it works.
  2. Choose one arbitrary “primary” screen that will use the tokens for flexible device support.
  3. Tweak values for optimal experience.
  4. When that works well, choose a secondary screen and apply the same tokens to see if it successfully “automatically” updates it to support the agreed-upon sizes without additional designer guidance.
Depends on: 1890268
Assignee: nobody → rsainani
Status: NEW → ASSIGNED
Assignee: rsainani → nobody
Status: ASSIGNED → NEW
Depends on: 1905449
Depends on: 1905450
Depends on: 1905451
You need to log in before you can comment on or make changes to this bug.