anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #5072 from bitjson/master

Browse source 
fix(navBar): workaround nav-bar flashing during page transitions
This commit is contained in:
Gustavo Maximiliano Cortez 2016-11-17 15:36:22 -03:00 • committed by GitHub
commit b49a5c663a
1 changed files with 17 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/sass/ionic.scss
View file

@ -37,3 +37,20 @@ $placeholder-icon-padding: 10px;
.card {
margin: ($content-padding * 2) 14px;
}
// A somewhat dirty solution to the nav-bar "flashing" during page transitions.
// Since the old nav-bar is hidden before the new one is shown, this pseudo
// element fills the space with the proper background color.
ion-view.pane:before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: $bar-height;
background-color: $royal;
}
.platform-ios ion-view.pane:before {
height: $bar-height + $ios-statusbar-height;
}