1106114 - Add a play/pause button to the @keyframe section in the rule-view and a button to jump to the new animation panel

Status: NEW

(DevTools :: Inspector: Rules, enhancement, P3)

Description

[Patrick Brosset <:pbro>]

With bug 1105825 and bug 1096044, we have ways to control web animations on the page.

Bug 1105825 in particular adds a new sidebar panel dedicated to animations, but since we already show keyframe rules in the rule-view sidebar panel, it would be a nice addition to allow some form of control from there too.

gl and I quickly discussed about this and agreed on the following:

- a play/pause button
- a jump-to-animation-inspector button to help with discoverability

Comment 1

[Patrick Brosset <:pbro>]

Gabriel, do you still intend to work on this bug, or can this be unassigned?

Comment 2

[Gabriel Luong [:gl] (ΦωΦ)]

(In reply to Patrick Brosset [:pbrosset] [:patrick] from comment #1)
> Gabriel, do you still intend to work on this bug, or can this be unassigned?

Unassigned for now.

Comment 3

[Julian Descottes [:jdescottes]]

Inspector bug triage. Filter on CLIMBING SHOES.

Comment 4

[Tim Stullich [:tstullich]]

Seems like no work has been done on this yet. If possible I would like to pick it up.

Comment 5

[Gabriel Luong [:gl] (ΦωΦ)]

(In reply to Tim Stullich [:tstullich] from comment #4)
> Seems like no work has been done on this yet. If possible I would like to
> pick it up.

Hey Tim, 

Thanks for picking it up! No one is currently working on this. Let us know if we can help.

Thanks!

Comment 6

[Tim Stullich [:tstullich]]

Will do. I am fairly new to JavaScript, most of my work is in Java, but I will work my way into it. Can I message you on IRC if I have any questions?

Comment 7

[Gabriel Luong [:gl] (ΦωΦ)]

(In reply to Tim Stullich [:tstullich] from comment #6)
> Will do. I am fairly new to JavaScript, most of my work is in Java, but I
> will work my way into it. Can I message you on IRC if I have any questions?

Absolutely, you can message myself at :gl or Patrick :pbro on the #devtools IRC channel.