Closed Bug 1355925 Opened 7 years ago Closed 7 years ago

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

Categories

(Firefox :: General, defect)

Product:
Firefox
Component:
General
Version:
55 Branch
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED FIXED
Tracking Flags:
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)

Refresh - In Context.mp4
3.69 MB, video/mp4
Details
SVGs + JSONs.zip
340.21 KB, application/zip
Details 
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: 7 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.