Closed Bug 1794702 Opened 2 years ago Closed 2 years ago

Use a dedicated transition for the MR onboarding split screen progress bar

Categories

(Firefox :: Messaging System, enhancement, P3)

enhancement

Tracking

()

VERIFIED FIXED
109 Branch
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.

Attached video Animation mockup

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

Priority: -- → P3

Gabrielle, what are your thoughts here?

Flags: needinfo?(glussier)

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

Flags: needinfo?(glussier)

Notes on initial vision for the animations are on this bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1776707

Assignee: nobody → shughes
Status: NEW → ASSIGNED
See Also: → 1796238
See Also: → 1802162
Pushed by shughes@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/cdf07ffca620 Add a wipe transition for MR onboarding progress bar. r=yozhang
Status: ASSIGNED → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
Target Milestone: --- → 109 Branch

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.
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: