You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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:
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](https://private-user-images.githubusercontent.com/34354487/318534773-404a6eb2-2103-405c-9382-01cb209f529a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMzIyODgsIm5iZiI6MTczOTEzMTk4OCwicGF0aCI6Ii8zNDM1NDQ4Ny8zMTg1MzQ3NzMtNDA0YTZlYjItMjEwMy00MDVjLTkzODItMDFjYjIwOWY1MjlhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDIwMTMwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ0N2NjZTlhZDdmZGJjYzYwMzNkNjk0YjdjYjY3ZmE0MjU2ZDg5NjI3N2MzNTEyOGFjMzNmMmU0ZjU4ZWI1YzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.e6DpedWvZa-iA0hD3VtntNlryh1uhp7OKDVF0vykgIo)
CC: @leeejune @arrenleung @ftaylor-alaska @bridgetglewis
The text was updated successfully, but these errors were encountered: