Closed Bug 1353438 Opened 3 years ago Closed 3 years ago

[ux] SVG assets for tab loading/connecting animation

Categories

(Firefox :: General, defect, P1)

55 Branch
defect

Tracking

()

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

People

(Reporter: jaws, Assigned: epang)

References

Details

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

Attachments

(3 files)

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: 3 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.