Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

auro-drawer: Allow for usage of 100% of screen width at mobile breakpoints #16

Open
erikalanghauser opened this issue Apr 1, 2024 · 1 comment

Comments

@erikalanghauser
Copy link
Member

Is your feature request related to a problem? Please describe.

When designing for mobile, we would like the ability for the drawer to open up across 100% of the screen width. At 320px width we are seeing some left to right scrolling in the Preview seats drawer, because not all aircraft designs will fit in the drawer at the max width today (which looks like ~90% of screen width?)

Since the mobile app will now be consuming the responsive web microsite experience, there are more eyes on this and less tolerance for left to right scrolling in this drawer.

This is also a feature that will be beneficial in other mobile instances down the road.

Describe the solution you'd like

The ability to set the max width of auro-drawer to take up 100% of the device width (at mobile breakpoints).

Describe alternatives you've considered

Considered using auro-dialog instead but that also doesn't utilize the full screen real estate (vertically).

Additional context

Current example from the app consuming responsive web:
image

CC: @leeejune @arrenleung @ftaylor-alaska @bridgetglewis

@erikalanghauser erikalanghauser added auro-drawer not-reviewed Issue has not been reviewed by Auro team members Type: Feature New Feature labels Apr 1, 2024
@Patrick-Daly-AA
Copy link

We will need a blueprint update for this change.

This seems like a very reasonable feature include, and we will look into implementing after there's a blueprint update.

@Patrick-Daly-AA Patrick-Daly-AA removed their assignment Apr 2, 2024
@jason-capsule42 jason-capsule42 removed not-reviewed Issue has not been reviewed by Auro team members Type: Feature New Feature labels Oct 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants