[ux] SVG assets for tab loading/connecting animation

RESOLVED FIXED

Status

()

Firefox
General
P1
normal
RESOLVED FIXED
8 months ago
6 months ago

People

(Reporter: jaws, Assigned: epang)

Tracking

55 Branch
Points:
---
Bug Flags:
qe-verify -

Firefox Tracking Flags

(firefox55 affected)

Details

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

Attachments

(3 attachments)

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).

Updated

8 months ago
Flags: qe-verify-
Whiteboard: [ux] → [photon] [ux]
(Reporter)

Updated

7 months ago
Whiteboard: [photon] [ux] → [photon-animation]
(Reporter)

Updated

7 months ago
Whiteboard: [photon-animation] → [photon-animation] [ux]

Updated

7 months ago
Summary: SVG assets for tab loading/connecting animation → [ux] SVG assets for tab loading/connecting animation

Updated

7 months ago
Priority: -- → P2

Updated

7 months ago
Assignee: nobody → epang
Status: NEW → ASSIGNED
Iteration: --- → 55.4 - May 1
Priority: P2 → P1

Updated

7 months ago
Iteration: 55.4 - May 1 → 55.5 - May 15

Updated

6 months ago
Iteration: 55.5 - May 15 → 55.6 - May 29
(Assignee)

Updated

6 months ago
Status: ASSIGNED → RESOLVED
Last Resolved: 6 months ago
Resolution: --- → FIXED
(Assignee)

Comment 1

6 months ago
Created attachment 8870858 [details]
Loading Indicator - In Context.mp4

Adding files here as an inventory

In content motion of loading indicator
(Assignee)

Comment 2

6 months ago
Created attachment 8870860 [details]
Loading Indicator.json

Json file
(Assignee)

Comment 3

6 months ago
Created attachment 8870861 [details]
Loading Indicator.svg

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