Skip to content

Conversation

@mlynch
Copy link
Contributor

@mlynch mlynch commented Aug 23, 2014

I wanted to revisit our transitions and clean them up a bit. When we went to the box-shadow style iOS 7 transitions, we hit some performance issues. I tried a different approach that I think is better and lighter weight, and gets a similar effect.

Also, I've gone through and cleaned up references to ios7 and normalized them to just ios. I did it in a simple way such that all the previous code should still work and it's backwards compatible.

Also, I added a new transition called slide-full that does a full slide rather than the offset slide on iOS, that I think is a better fit for Android.

Also, <ion-nav-views> has a black background and is positioned absolute with 100% width and height now by default which makes it possible to do a lightweight fade on transition. But I'm not yet sure of the full implications of this.

TODO:

  • Fix the border sizing issue that is causing a slight "reset" when finishing a transition
  • Narrow down occasional back flicker (reflow?)

mlynch added a commit that referenced this pull request Aug 24, 2014
feat(transitions): Improved iOS and Android transitions
@mlynch mlynch merged commit 6a43e3b into master Aug 24, 2014
@mlynch
Copy link
Contributor Author

mlynch commented Aug 24, 2014

Tested on iPhone, iPad and Android in the office. Looks good to me so I'm merging.

@chaffeqa
Copy link

💯 👏

@adamdbradley adamdbradley deleted the wip-transition-cleanup branch January 20, 2016 14:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants