Fix UI flash after fire button action

[mikescamell]

Task/Issue URL: https://app.asana.com/0/488551667048375/1207509101295228/f

Description

• Fixes the flash of the website when pressing the “Clear All Tabs and Data” button. We had a fading transition for the FireActivity and this seemed to allow the user to see the website before we restart the app process. We now do not specifically apply a transition to the FireActivity when clicking the “Clear All Tabs and Data” button, leaving a black background that integrates well with the Fire animation.
• Fixes the navigation buttons being harder to see on older API versions. We set the navigation bar to black and therfore the buttons were not visible. We now go edge to edge and let the system decide how to overlay the navigation bar
• Fix the clipping of the Fire animation. The Fire animation would start above the navigation bar and then stop at the status bar which didn’t look very good. I believe once upon a time this worked but it’s now clipping. This fixes that and ensures the animation starts underneath the navigation bar and does not clip when reaching the status bar.

Steps to test this PR

UI Flash

Worth noting that I seemed to see the website flash after the first clear data attempt from app launch. In subsequent clear data attempts I did not see the website.

• [x] Open app fresh (ensure it’s been force closed before opening)
• [x] Navigate to a webpage
• [x] Press the fire button
• [x] Press “Clear All Tabs and Data"
• [x] Ensure you do not see the webpage after the fire animation has played

Edge to Edge Fire Animation

• [x] Open app
• [x] Press the fire button
• [x] Press “Clear All Tabs and Data"
• [x] Ensure the flame (or whatever animation you have chosen) starts underneath the navigation bar and moves under the status bar without being clipped

UI changes

Fixing UI Flash

Before	After
(API 34 Before)	(API 34 After)

Edge to Edge Fire animation

Before	After
(API 26 Before)	(API 26)
	(API 27)
	(API 28)
	(API 29)
	(API 29 Dark)
(OnePlus 30 Light Before)	(OnePlus 30 Light)
(OnePlus 30 Dark Before)	(OnePlus 30 Dark)
	(API 31)
	(API 32 Dark)
	(API 33)
	(API 33 Light)
	(API 34 No Animation Selected)
	(API 34 Airstream)
(API 34 Three Button Before)	(API 34 Three Button)
	(API 34 Dark Three Button)
(API 34 Dark Before)	(API 34 Dark)
(API 34 Light Before)	(API 34 Light)

[mikescamell]

• #4910 👈
• develop

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @mikescamell and the rest of your teammates on Graphite