Implement breadcrumbs for node editor #83109

New Issue

Dalai Felinto · 2020-11-27T14:22:53+01:00

Dalai Felinto commented

2020-11-27 14:22:53 +01:00

Breadcrumbs will make it easier to identify which Object, Object Type, Modifier, and Node Group we are working on.

There is already a basic node tree path list at the bottom of the editor. This would be replaced with the design in this mockup.

The changes:

Move the breadcrumbs to the top left of the editor, like in the 3D view.
Add the RNA struct icon to each item in the list
Add more general context items, like the active object, and for geometry nodes, the active modifier. In other words, any context that defines what is displayed in the editor.
Use > arrows rather than slashes
Gray out context items except for the last in the list

{F9245168, size=full}

Note that instead of the "mesh" icon for the first item, the mockup should probably use the "mesh object" icon.

See #82691 for more background.

Breadcrumbs will make it easier to identify which Object, Object Type, Modifier, and Node Group we are working on. There is already a basic node tree path list at the bottom of the editor. This would be replaced with the design in this mockup. The changes: - Move the breadcrumbs to the top left of the editor, like in the 3D view. - Add the RNA struct icon to each item in the list - Add more general context items, like the active object, and for geometry nodes, the active modifier. In other words, any context that defines what is displayed in the editor. - Use > arrows rather than slashes - Gray out context items except for the last in the list {[F9245168](https://archive.blender.org/developer/F9245168/image.png), size=full} *Note that instead of the "mesh" icon for the first item, the mockup should probably use the "mesh object" icon.* See #82691 for more background.

Dalai Felinto commented

2020-11-27 14:22:53 +01:00

Added subscriber: @dfelinto

Artyom Antipov commented

2020-12-03 12:56:53 +01:00

Added subscriber: @skartemka

Artyom Antipov commented

2020-12-03 12:57:16 +01:00

Removed subscriber: @skartemka

Harshavardhan Kalidindi commented

2021-02-01 19:05:24 +01:00

Added subscriber: @HarshaVarma

Hans Goudey commented

2021-02-02 19:52:34 +01:00

Changed status from 'Needs Triage' to: 'Confirmed'

Hans Goudey commented

2021-02-02 19:52:34 +01:00

Added subscriber: @pablovazquez

Harley Acheson commented

2021-02-02 20:16:14 +01:00

Added subscriber: @Harley

Harley Acheson commented

2021-02-02 20:16:14 +01:00

Use > arrows rather than slashes

I like those! If we do that then we should also replace the ones in Properties, which are small and always black:

> Use > arrows rather than slashes I like those! If we do that then we should also replace the ones in Properties, which are small and always black: ![breadcrumb.png](https://archive.blender.org/developer/F9609693/breadcrumb.png)

Hans Goudey changed title from ~~Implement breadcrumb for nodes geometry editor~~ to Implement breadcrumbs for node editor

2021-02-02 20:20:22 +01:00

Hans Goudey commented

2021-02-02 20:21:20 +01:00

Added subscriber: @HooglyBoogly

Hans Goudey commented

2021-02-02 20:21:20 +01:00

Yeah, I like the look of these better in that situation too.

Ryan Inch commented

2021-02-04 23:09:31 +01:00

Added subscriber: @Imaginer

Ryan Inch commented

2021-02-04 23:09:31 +01:00

Looks good. Nice and clear. Now what would be really neat is if you could click on the names to change levels and click on the arrows to bring up a list of adjacent things you can switch to.