How to implement Angular/Ionic 7 sheet modal bottom gap

Issue

Is there a way to add a gap between the bottom of the ionic 'sheet' modal and the screen?

I expect this behaviour:

This is how far I have gotten (ignore the design differences):

https://stackblitz.com/edit/angular-hmunhj?file=src%2Fglobal.css

I have read the docs and found nothing useful, and I couldn't hack my way around it. Should I submit a feature request?

Solution

I have posted an issue. Turns out the solution already exists, I just weren't aware of it. I quote:

"You can achieve this by setting the margin on the content Shadow Part: https://stackblitz.com/edit/ymkck5 "

Answered By - Lorand