Improve Panels behaviors in IDE

[slemeur]

The goal of this issue is to improve the behaviors of panel.
A user should be able to maximize the size of any panel in the UI
A panel could have display options and various secondary actions which does not need to be displayed all the time to the user.

There are two enhancements:

• Provide mecanism for panel's options
• Allow any panel to be maximized/minimized

Here is a first proposal for the UI.
Minimized version of the Console Panel

Maximized version of the Console panel

[TylerJewell]

It takes two clicks for someone to hide the console tree. That doesn't seem very user friendly.

[TylerJewell]

Developers will expect key bindings for each behavior as well.

[slemeur]

Discussed and agreed on this solution.
Will soften the icons.

[slemeur]

Updated mockups

[TylerJewell]

"Fullscreen Pane" is not good english. Change it to "Maximize". Also, the buttons seem to be too big vs. other menu drop downs that we have. And I am not clear on the differences between the button to expand vs. the drop down. So I am not sure this issue is design complete.

[slemeur]

Updated icon shape + styles.

[slemeur]

Two new options proposed.

Option1: Panels with always 3 buttons

• button1: expand/collapse
• button2: maximize
• button3: more options

The button3 "more options" will display a dropdown which show the state of the maximize mode with a checkmark. The other panel options are displayed in this dropdown menu.

Option2: Panels with 1 button always displayed and other revealed on hover in the title bar

The idea of this option is to limit the number of buttons displayed in the toolbar. Only primary actions should be displayed to a user - and secondary actions should be displayed in a discoverable and learnable way.

All panels would display the "option button":

On hover, we then display the other actions:

On clicked, we show the dropdown:

Maximized:

Option2 provide a more elegant UX, but for simplicity and consistency with other existing IDE, I prefer the Option1.

I let others voting.

[vitaliy-guliy]

Which option is preferred?