Closed Bug 1355925 Opened 3 years ago Closed 3 years ago

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

Categories

(Firefox :: General, defect)

55 Branch
defect
Not set
normal

Tracking

()

RESOLVED FIXED
Tracking Status
firefox55 --- affected

People

(Reporter: jaws, Assigned: epang)

References

Details

User Story

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

Attachments

(2 files, 5 obsolete files)

Flagging needinfo from Eric for the spec.
Flags: qe-verify-
Flags: needinfo?(epang)
User Story: (updated)
Flags: needinfo?(epang)
I've added the motion into the User Story as a link
Attached 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)
Attached video Video of spec (obsolete) —
updated the video
Attachment #8858868 - Attachment is obsolete: true
I can create a svg sprite.  Leaving NI as a reminder.
Attached file refresh_to_x.json (obsolete) —
Json file of the Refresh icon to X
Flags: needinfo?(epang)
Attached 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)
Attached 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: 3 years ago
Flags: needinfo?(jaws)
Resolution: --- → FIXED
Attachment #8858873 - Attachment is obsolete: true
Attachment #8865879 - Attachment is obsolete: true
Attached 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.