Add auto margin vertically

Is a good practice, like bootstrap do, adding a my-auto spacing helpers. Is usefull have it in the quasar core and not add this usefull spacing, for working with flex, in external app file.

Thanks

[rstoenescu]

Confusion is over. q-my-auto, q-mt-auto and q-mb-auto are coming to “quasar” v1.9.12. Just make sure that you know what you are doing.

[mesqueeb]

Yes, as I’ve said before:

parent flexbox column with fixed height + .q-mt-auto on child will push it to the bottom, if only that css class exists.

@rstoenescu asked me before the reason I use flex and not something else, is because the interactive parent component uses flexbox and then dynamically changes the direction between column and row etc.

So, since I’d need flexbox anyway when the parent element is in the the .row state, I see no reason why I should avoid flexbox in the .column state…

I strongly believe we should in all cases, and to avoid any confusion, provide the users with q-mt-auto and q-mb-auto.

@pdanpdan

it avoids a lot of confusion if they are not present.

I would say it’s the exact opposite. I was extremely confused by their absence! 😅