Style modal as a sheet on mobile web resolutions

[mattybow]

Modals on mobile web resolutions tend to obscure the main page's content entirely. They're often used in place of a (bottom) sheet on mobile, however, sometimes the sheet only comes up halfway up the page, which allows the user to still see the context of the page that they originally were on.

My proposal is just to make a small change to the styling of the modal container for mobile web such that it shows a tiny bit of the content behind the modal. Adding features like swipe to dismiss, expand while scrolling, initial height, etc can be done as separate items.

Here is a preview

modal.sheet.mov