[FEATURE] Adding component styling to Copilot

[NicoDevX]

Would be awesome if we could style elements like adding display:flex, flex-wrap, aligments and so on like in the "older" designer.

Special focus on responsive web design would be awesome

[MarcinVaadin]

Thanks for submitting that issue, we were also thinking about adding new Properties-like panel with more options.

[Artur-]

Did you notice the overlay when selecting an element? It contains some of the settings but is still missing a few like width/height + flex-grow etc

[NicoDevX]

Yepp i noticed the overlay, but the most important once are missing like flex, wrap etc. It would make life soooooo much easier when designing a responsive webapp!

[Artur-]

You should try the latest 24.6 beta, it has more sizing controls

[NicoDevX]

The most impotant thing i miss is about mobile/responsivness. Setting a horizonatl to flex for example. Then you could enter responsive mode and play with the settings until it fits your needs an all screen sizes.

[Artur-]

How do you imagine it working? Like

1. Tune CSS for the browser
2. Enter "mobile mode"
3. Tune CSS for the mobile
4. Copilot makes sure that the correct CSS is used for the correct device

or something else?

[NicoDevX]

That would be kings solution! But i think that would be hard to develop. Copilot then must create different css depending on the screen size.

For me personally it would be enough if there would be a way to make components flex so that they are shown in a column on smaller screens or in rows on wider screens.

If you are into CSS, than its easy but if you doesnt create views so much, its hard to remember how you did last time. Then you need to re-learn how to get it responsive. If you could do this visually, would be absolute crazy!