search

sudara / melatonin_inspector

A JUCE module that gives you the ability to inspect and visually edit (non-destructively) components in your UI.
MIT License
145 stars 17 forks source link

Make preview/color picker area resizeable #52

Open reFX-Mike opened 1 year ago

reFX-Mike commented 1 year ago

Right now it’s very short and wide. I would love to be able to make it a bit taller and make the dimension display above a lot smaller.

sudara commented 1 year ago

Right now the panels aren’t resizable vertically. How would you feel about being able to collapse the box model? Maybe on collapse we can then make the preview a full square?

reFX-Mike commented 1 year ago

I would like both. So we can drag in between panels to resize them and also collapse the ones we don’t want/need.

sudara commented 1 year ago

Ok, I've been trying to avoid manually resizable panels. They tend to be fiddley for users, get into ugly states, add additional design complexity, etc. That being said, there's already an issue with the color section when it has > 10 colors. I do like this pattern for colors (Figma):

Figma - 2023-08-16 51@2x

(In Figma, you can't adjust section height but the whole sidebar is scrollable)

I'll give it some thought. Maybe just a toggle for the preview to switch between full square and the size it is now.