Giters

firefox-devtools / devtools-core

:rocket: Packages for Firefox DevTools

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[UX] ObjectInspector inline-end icons

nchevobbe opened this issue · comments

commented

What I call inline-end icons here are icons related to the object inspector, and placed at the end of it.
At the moment we have multiple icons:

  • select node in inspector
  • jump to function definition (but could be extended to all variables)

we'll also soon have, open object in console sidebar.
And in the future some others (e.g. filter/find in object, diff, ...)

So now imagine a node logged into the console, followed by 4 icons; this isn't going to scale.

Let's use this issue to discuss what could be done to prevent such thing

commented

The first solution would be to put everything into a context menu. But, this is not really discoverable.

We could also decide what icon has the most sense in which content, and then have some overflow menu where we would place the other actions ? This would allow us to place context menu entry which are now handled by the parent (like copy object, from the console)

commented

ping @violasong so we can think about this

commented

I like the idea of showing most used icons, with other actions in an overflow menu (or just the contextual menu). Sounds like this is an ongoing project as we add more actions. I'm adding this to my queue for further discussion along with #803.