How to move ionic modal at the top not the center

Ionic Framework
1

Hi

I have added the custom class to the ionic modal, and set its max height to 50vh as follows,

.custom-modal-class {
--max-height: 50vh;
}

image
image407Ɨ802 18.4 KB

Now, it is showing in the center. I would like to show it like we have with bootstrap (starting from top)
image
image413Ɨ827 22.6 KB

1 Like
2

Iā€™d suggest look through the components CSS and see what styles are being applied to position the modal.

3

image
image1366Ɨ768 216 KB

.custom-modal-class {
    align-items: start;
}
2 Likes
4

Thans @saad-ansari, it seems to be working fine.