Ask for a approach for the half page shown issue in ionic

I am new in ionic 3, may I ask the approach to achieve only show half page when click something, just like the image below:

Thanks a lot~

I would try to adapt (Android variant) or

I think modal is a good idea. But how can it not cover the whole page area?

use popover. will be more helpful

Or create your own version of it to cover the topside

Or create a page that has a high z-index covering the topside, but then you need to tackle the backdrop too