Closed Bug 1770499 Opened 2 years ago Closed 2 years ago

Fix layout and styling of the sync setup steps in Firefox View.

Categories

(Firefox :: Sync, enhancement, P3)

Product:
Firefox
Component:
Sync
Type:
enhancement
Points:
1

Tracking

()

Status:
RESOLVED FIXED
Milestone:
102 Branch
Tracking Flags:
Tracking Status
firefox102 --- fixed

People

(Reporter: sfoster, Assigned: sfoster)

References

Details

(Whiteboard: [fidefe-2022-mr1-firefox-view])

Attachments

(1 file)

Bug 1770499 - Correct the styling of the setup cards/steps. r?dao!
(deleted), text/x-phabricator-request
Details

Get the step layout and styling correct so that:

  • The outline uses the color gradient and correct box shadow
  • The vertical spacing between the step heading, description & button, progress bar is all correct
  • The action button is aligned next to the description in the step content
  • The progress bar occupies the full width in the line below the step content
  • All the colors correctly respond to theme & dark/light mode changes
  • Content / layout reads correctly in RTL
  • Content scales correctly with text-only zoom / font-scaling.
Assignee: nobody → sfoster
Status: NEW → ASSIGNED
Points: --- → 1
Blocks: 1770534
  • Add the zap-gradient as border around the setup card
  • Fix the padding and vertical spacing of setup card contents
  • Fix setup card layout
Whiteboard: [fidefe-2022-mr1-firefox-view]
Pushed by sfoster@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/111da7fafa00 Correct the styling of the setup cards/steps. r=dao

https://hg.mozilla.org/mozilla-central/rev/111da7fafa00

Status: ASSIGNED → RESOLVED
Closed: 2 years ago
status-firefox102: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 102 Branch
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: