I have an animation issue when I use nav-title-slide-ios7 class
with align-tittle="left"
. When is center aligned it works ok, but when is left aligned it flashes when making the animation.
<ion-nav-bar class="nav-title-slide-ios7 bar-positive" align-title="left">
<ion-nav-back-button class="button-icon ion-arrow-left-c">
</ion-nav-back-button>
</ion-nav-bar>
I’m getting this result too, any fix for this issue?
An ugly fix, modifting the iconic.css removing removing the following line from ionic.css:
.bar .title {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 0;
overflow: hidden;
margin: 0 10px;
min-width: 30px;
height: 43px;
/* text-align: center; */ /** remove this **/
text-overflow: ellipsis;
white-space: nowrap;
font-size: 17px;
line-height: 44px;
}
Demo: http://codepen.io/anon/pen/gKulD
Anyway, I think it’s a bug.
I’ve report it here: https://github.com/driftyco/ionic/issues/2262
But nobody answer yet.