Hey guys we’re redesigning the navigator panel and we need some feedback.
Problem: Right now when you set an element to Display: none in the style panel or hide it in a specific device in the element’s settings panel, it disappears from the canvas and there’s no way of selecting it unless you know the name of the class you set it to and then you hunt it down in the navigator.
Solution: Show an eyeball icon next to each element in the navigator. If it’s hidden it will be bright white. If it’s visible it will have an inactive eyeball icon. Like this…
It’s nice to have this indicator, but what if someone clicks on the eyeball in the navigator - what happens?
What should happen when you click on an eyeball icon in the navigator?
- It will set that element to Display: none. It will stay Display:none when published/exported.
- It will just hide it from the canvas (commented out) while you are editing the site. It will uncomment (become visible) on publish/export.
A little more info for option 2: this is the exact same as going to the style panel and selecting Display None, but just faster, and you get to see which elements are invisible in the navigator. Post your reasoning for your choice below.