Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(toast): toast animation with status bar padding #8685

Closed

Conversation

manucorporat
Copy link
Contributor

Short description of what this resolves:

fixes #8476

Copy link
Member

@brandyscarney brandyscarney left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This doesn't work for md and wp mode even though setting statusbar padding to true all of the time will give them status bar padding.

// top
// by default, it is -100% hidden (above the screen)
// so move from that to 10px below top: 0px;
wrapper.fromTo('translateY', '-100%', `${10}px`);
if (opts.statusBarPadding) {
padding += 20;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We shouldn't hardcode the status bar padding at 20, since it can be changed via Sass variable here: https://github.com/driftyco/ionic/blob/master/src/platform/cordova.scss#L7

and with this issue added support per mode: #8712

@brandyscarney
Copy link
Member

screen shot 2016-10-18 at 3 42 22 pm

screen shot 2016-10-18 at 3 42 29 pm

@brandyscarney
Copy link
Member

Can you fix the merge conflicts and get this working for all modes?

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.

bug: iOS toast on top overlaps with status bar
2 participants