Closed Bug 1353438 Opened 6 years ago Closed 6 years ago

[ux] SVG assets for tab loading/connecting animation

Categories

(Firefox :: General, defect, P1)

Product:
Firefox
Component:
General
Version:
55 Branch
Type:
defect

Tracking

()

Status:
RESOLVED FIXED
Iteration:
55.6 - May 29
Tracking Flags:
Tracking Status
firefox55 --- affected

People

(Reporter: jaws, Assigned: epang)

References

Details

(Whiteboard: [photon-animation] [ux])

Attachments

(3 files)

Loading Indicator - In Context.mp4
4.76 MB, video/mp4
Details
Loading Indicator.json
3.18 KB, application/json
Details
Loading Indicator.svg
55.95 KB, image/svg+xml
Details 
The animation has two parts, the connecting/loading part and the pulse from start-to-end part.

The engineer team will need the SVG asset for the connecting/loading part.

I believe the pulse should be possible with a large gradient that shows a color at a 45-degree angle, and then the gradient will move vertically through the viewport, which will give the effect of the pulse moving from left-to-right (in RTL builds it will move right-to-left).
Flags: qe-verify-
Whiteboard: [ux] → [photon] [ux]
Whiteboard: [photon] [ux] → [photon-animation]
Whiteboard: [photon-animation] → [photon-animation] [ux]
Summary: SVG assets for tab loading/connecting animation → [ux] SVG assets for tab loading/connecting animation
Priority: -- → P2
Assignee: nobody → epang
Status: NEW → ASSIGNED
Iteration: --- → 55.4 - May 1
Priority: P2 → P1
Iteration: 55.4 - May 1 → 55.5 - May 15
Iteration: 55.5 - May 15 → 55.6 - May 29
Status: ASSIGNED → RESOLVED
Closed: 6 years ago
Resolution: --- → FIXED
Adding files here as an inventory

In content motion of loading indicator
Attached file Loading Indicator.json — 
Json file
Attached image Loading Indicator.svg — 
svg sprite sheet
You need to log in before you can comment on or make changes to this bug.