Action Sheet direction from top


#1

Hello,

I play with Action Sheet (LINK) and its seems a bit strange that (at least for me) there is no direction animation but only from bottom to top. Actually I wanted vice versa from top to bottom.

From css I can change bottom: 0 to top: 0 to make it work but I don’t want to reinvent the wheel:

.action-sheet-wrapper {
width: 100%;
position: fixed;
top: 0;
}

Or do I miss something?

How can I configure that or do I need to write custom css.

Thanks,


#2

I think you are going to have to write some custom CSS. In iOS actiion sheets are a bottom up design element. Ionic followed suit.

The actionsheet specific CSS is at : https://github.com/driftyco/ionic/blob/master/release/css/ionic.css line 2357.