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

Adding properties inspector #24

Closed dikadk closed 1 year ago

dikadk commented 1 year ago

https://user-images.githubusercontent.com/15266737/204169179-2759a04c-f610-4fdb-9109-9604dde0ebae.mov

dikadk commented 1 year ago

@sudara what do you think about creating develop branch? I think it should help keep main clean + allows more time for testing any changes, before promoting to main (stable).

sudara commented 1 year ago

@dikadk Nice work!

Sure, a develop branch works fine! I added you as a collaborator to the repo.

Thanks for the .mov, appreciated as it saves me time checking the branch out for smaller things.

For this branch:

  1. could we vertically/horizontally center the padding text editors?
  2. if there's some padding present, let's always show all 4 paddings so it's a consistent solid color all around (displaying 0 if there's 0 padding0 like so:

Safari - 2022-11-28 43@2x

I guess ideally we'd also always show that blue padding ring when a component supporting padding is in use, even if all values are 0, but that would require some other flag or something.... we can ignore this for now, i guess.

After that feel free to merge into develop!

dikadk commented 1 year ago

So editor padding labels are centered now.

I also updated padding labels to always show solid blue BG and "-" for not specified padding properties if at least one of padding properties was set for selected component. "Button1" is a good example of that case.

https://user-images.githubusercontent.com/15266737/204422316-e2c23079-efe5-4794-8b49-77492a3889df.mp4