[UX] The Reload/Stop button should have an animation when changing between states

RESOLVED FIXED

Status

()

defect
RESOLVED FIXED
2 years ago
2 years ago

People

(Reporter: jaws, Assigned: epang)

Tracking

55 Branch
Points:
---
Dependency tree / graph
Bug Flags:
qe-verify -

Firefox Tracking Flags

(firefox55 affected)

Details

User Story

UX Motion Spec: https://drive.google.com/open?id=0B9o41Fwl8FagaXpqTmR3b01nbTA

Attachments

(2 attachments, 5 obsolete attachments)

Flagging needinfo from Eric for the spec.
Flags: qe-verify-
Flags: needinfo?(epang)
Assignee

Updated

2 years ago
User Story: (updated)
Flags: needinfo?(epang)
Assignee

Comment 1

2 years ago
I've added the motion into the User Story as a link
Posted video Video of spec (obsolete) —
(attaching the video directly to the bug in case Google Drive is inaccessible or the file inadvertently gets removed)

Hey Eric, do you have an SVG asset for the animation here? Or a file that we can put in to After Effects at the least?
Flags: needinfo?(epang)
Assignee

Comment 3

2 years ago
Posted video Video of spec (obsolete) —
updated the video
Attachment #8858868 - Attachment is obsolete: true
Assignee

Comment 4

2 years ago
I can create a svg sprite.  Leaving NI as a reminder.
Assignee

Comment 5

2 years ago
Posted file refresh_to_x.json (obsolete) —
Json file of the Refresh icon to X
Flags: needinfo?(epang)
Assignee

Comment 6

2 years ago
Posted file x_to_refresh.json (obsolete) —
Json file of the X icon to Refresh
Hey Eric, I tried to upload these two files in to Sam's sprite generator( https://sfoster.github.io/svgspritesheet/ ) but I'm not seeing anything get created with them. Can you ask Amy what she was doing to get hers to work? For comparison, https://bugzilla.mozilla.org/show_bug.cgi?id=1353437#c6 works on the website.
Assignee: nobody → epang
Status: NEW → ASSIGNED
Flags: needinfo?(epang)
Assignee

Comment 8

2 years ago
Posted file Refresh Icon.zip (obsolete) —
Updated the json file.  There's two included, one for refresh > x (in) and the other for x > refresh (out).  I also included the svg.  Let me know if any updates are needed. Thanks!
Attachment #8862626 - Attachment is obsolete: true
Attachment #8862627 - Attachment is obsolete: true
Flags: needinfo?(epang) → needinfo?(jaws)
Thanks! Looks good. I'll close this bug now. Should only need to reopen it if we have problems with the file, but the SVG files look good right now when loading them in Nightly.
Status: ASSIGNED → RESOLVED
Closed: 2 years ago
Flags: needinfo?(jaws)
Resolution: --- → FIXED
Assignee

Comment 10

2 years ago
Attachment #8858873 - Attachment is obsolete: true
Attachment #8865879 - Attachment is obsolete: true
Assignee

Comment 11

2 years ago
Posted file SVGs + JSONs.zip
Summary: [UX] The Refresh/Stop button should have an animation when changing between states → [UX] The Reload/Stop button should have an animation when changing between states
You need to log in before you can comment on or make changes to this bug.