melatonin_inspector icon indicating copy to clipboard operation
melatonin_inspector copied to clipboard

Make preview/color picker area resizeable

Open reFX-Mike opened this issue 2 years ago • 3 comments

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.

reFX-Mike avatar Aug 16 '23 16:08 reFX-Mike

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?

sudara avatar Aug 16 '23 16:08 sudara

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

reFX-Mike avatar Aug 16 '23 16:08 reFX-Mike

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.

sudara avatar Aug 16 '23 19:08 sudara