Use a dedicated transition for the MR onboarding split screen progress bar
Categories
(Firefox :: Messaging System, enhancement, P3)
Tracking
()
Tracking | Status | |
---|---|---|
firefox109 | --- | verified |
People
(Reporter: aminomancer, Assigned: aminomancer)
References
(Blocks 1 open bug)
Details
Attachments
(3 files)
The progress bar for the MR onboarding screen currently inherits its transitions from the pre-MR about:welcome styles (where dots are used for each progress step, rather than a long progress bar). Since the progress bar indicates progress for the whole message rather than an individual screen, it looks a little odd when it fades out with the screen content on each transition. But rather than just eliminating the transition, this may be a good opportunity to give it a transition more suitable for a progress bar, like the "current" filled area growing gradually.
Assignee | ||
Comment 1•2 years ago
|
||
Here's a simple example just replacing the progress bar fade with a "wipe" animation. There might be other approaches too, lmk if anyone has an idea
Comment 3•2 years ago
|
||
Love Shane's mockup, I think the wipe animation works great. The initial idea was to fade in from the left, and so the wipe animation essentially does the same thing 👍🏼 let's do it
Comment 4•2 years ago
|
||
Notes on initial vision for the animations are on this bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1776707
Assignee | ||
Comment 5•2 years ago
|
||
Updated•2 years ago
|
Comment 7•2 years ago
|
||
bugherder |
Comment 8•2 years ago
|
||
I‘ve verified this enhancement using the latest Firefox Nightly 109.0a1 (Build ID: 20221204094021) on Windows 10 x64, macOS 11.7.1, and Ubuntu 22.04 x64.
- The progress bar fade has been replaced with a “wipe” animation.
Description
•