Closed Bug 1821961 Opened 3 years ago Closed 3 years ago

Improve collapse animation of the tabs tray FAB & scrim

Categories

(Firefox for Android :: Tabs, enhancement, P2)

All
Android
enhancement

Tracking

()

VERIFIED FIXED
114 Branch
Tracking Status
firefox113 --- wontfix
firefox114 --- verified

People

(Reporter: jmahon, Assigned: towhite)

References

Details

(Whiteboard: [fxdroid] [experience])

Attachments

(3 files)

Attached video tab-tray-collapse.mp4

From :verdi:

The collapse of the tab tray is nice a smooth now. But after seeing it in action, it seems to accentuate the delay of the removal of the scrim and FAB. We'd like to have the FAB animate out with the tray and the scrim to dissolve at the same time. I mocked it up in a video to help explain.

:verdi - the last moments of that video have a "correct" animation - how did you accomplish that? Was that something you mocked up manually?

Flags: needinfo?(mverdi)

(In reply to Joe M [:jmahon] from comment #2)

:verdi - the last moments of that video have a "correct" animation - how did you accomplish that? Was that something you mocked up manually?

Yes - via the magic of animation :)

Flags: needinfo?(mverdi)
Assignee: nobody → towhite

(Commenting here instead of on the PR because I don't want this to accidentally be construed as a code review)

Tom - the screen recording in the PR seems SO much smoother, at least to my untrained eye - well done! I just wanted to leave a note to make sure that you ping :verdi for him to look at it at some point, as well.

Commented on the PR - looks great!

Authored by t-p-white
https://github.com/mozilla-mobile/firefox-android/commit/444597ebd585d3f318401ea44dc4cf268102b550
[main] Bug 1821961 - Updated the collapse animation of the tabs tray FAB & scrim

Status: NEW → RESOLVED
Closed: 3 years ago
Flags: qe-verify+
Resolution: --- → FIXED
Target Milestone: --- → 114 Branch

Verified as fixed on the latest Nightly (114.0a1) from 5th of May 2023.
The "new tab" button is going down along the rest of the elements present in Tabs Tray, as shown in the attachment.

Devices used for testing: Google Pixel 7 Pro (Android 13), OnePlus 5 (A5000) (Android 10)
Thank you!

Status: RESOLVED → VERIFIED
Flags: qe-verify+

Thanks everyone!

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: