1307937 - Add animation for collapse button (console.group/trace, errors, …)

Status: RESOLVED DUPLICATE of bug 1381819

(DevTools :: Console, enhancement)

Description

[Lin Clark [:linclark]]

Originally posted by:nchevobbe

see https://github.com/devtools-html/gecko-dev/issues/326

Since there is one in the debugger (for example when toggling a folder in the source panel), it should behave the same in the console ( stacktrace, group, ... )

Comment 1

[Brian Grinstead [:bgrins]]

Gabe, are you aware of an already implemented twisty arrow animation that we can use in the console? Would be great to unify across tools, so if there isn't one we can share it in common.css and hopefully reuse in things like the accordion component.

Comment 2

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

This is something I will eventually get to in the photon visual works. It is implemented in the Accordion for the debugger.html but they use inline svg which still causes some inconsistency with the rest of the twisty arrows in m-c.

Comment 3

[Brian Grinstead [:bgrins]]

(In reply to Gabriel [:gl] (ΦωΦ) from comment #2)
> This is something I will eventually get to in the photon visual works. It is
> implemented in the Accordion for the debugger.html but they use inline svg
> which still causes some inconsistency with the rest of the twisty arrows in
> m-c.

OK, sounds good! If we come up with a common style to use for everything except for debugger we can port that over to debugger once we get the stylesheets synced back into devtools-core. Going to block devtools-visual for now.