Debugger variables view mode UI

[karlaspuldaro]

Problem

The current debugger UI allows variables display to toggle between table and tree views.
Maybe a toggle-switch may not be the best UI approach, as it implies on/off behaviour. Even though there are only 2 view modes to choose, the switch button purpose is only clarified on a mouse hover label Table/Tree view.

Proposed Solution

My suggestion would be using a button with an icon, giving the user a more clear visual understanding of its purpose.
An example would be the file browser view mode buttons on mac

Either something like this where current view mode is highlighted, or,
keeping one button on display which on click switches the label & icon

Would like to hear more thoughts about this :)

[jtpio]

Thanks @karlaspuldaro!

Maybe a toggle-switch may not be the best UI approach, as it implies on/off behaviour.

Agree. I think the reason there is a switch to toggle between the table and the tree views is because it was reused from the one in the toolbar.

Either something like this where current view mode is highlighted, or,
keeping one button on display which on click switches the label & icon

Having these icons instead sounds like a better alternative 👍 Would you like to open a PR so it can be tested out?

[karlaspuldaro]

Thanks @jtpio for the feedback. Yes, I can definitely start implementing this idea for testing :)

[jtpio]

Nice, thanks!

[jtpio]

Fixed by #9502, thanks @karlaspuldaro!