Issue #345 Flyouts: Slide out from the bottom

so here are my changes for the Issue #345 Flyouts: Slide out from the bottom