Right-aligned Stacks

[jaakerisalu]

Hey. In Admiral we've been using Stacks to hold our Buttons, but it really backfired when the stack is supposed to be visually right-aligned when the screen width changes and line breaks happen (This came up during a responsive layout task).

Case study:

Wide screen smooth sailing:

Cringeville, USA:

I split the Stack into 2 sub-Stacks so it breaks evenly at once in this case.
Looking back it might not be the best idea, but the issue is still the same with plain single Stack behavior:

My idea for your consideration:

Add some sort of align='right' or something to Stacks. All it would do is swap the justify-content from flex-start to flex-end, and reverse which side the gutters are on the stack children.

Yours Truly,
Jaak from PLEX

[kylegilbreath]

Hi @jaakerisalu, thanks for the question! I've just reached out to our team internally to chat about this. I'll follow up on this discussion when I have more information on this.

[kylegilbreath]

Hi @jaakerisalu, just following up. Thanks for the suggestion. This definitely seems like a reasonable request, and an improvement on the Stack component that others would find useful. We've created a ticket on our backlog to add support for this, and will follow up when we've gotten a chance to add this functionality.

[loreina]

Marking this as answered due to inactivity. If you'd like to chat about this further, comment here or create a new discussion and our team will get back to you. Thanks!