I am referencing the nightly CSS as well as the nightly Ionic Bundle. If I remove the top: 44px CSS, the tabs snap to the bottom, but the slide-box and view do not update properly… moreover, I don’t know how to prevent this CSS from being applied as I don’t see the class application anywhere.
Hey @marcsyp so the nightly builds are including a lot of changes that we are still activity updating.
A big change is how app look and transition on ios and android devices.
Each platform will follow the standard conventions (ios have centered titles and bottom tabs, android having left titles and tabs below the header-bar)
Take a read at his post
All of this is being made configurable as well, so if this isn’t something you would want, you can turn it off.
I did read the post but didn’t find any reference to tabs moving to under the header for Android… but more specifically, other than overriding the tabs-top class in CSS, I can’t see any way to customize the tabs. Is it possible through a directive? Can someone guide me through the proper way to override (without having to muck with multiple CSS classes)?
Beta 14 has some great improvements, thank you. I have the issue mentioned here with tabs as well, I’d like to start using it but this is a major road block.
I’m working on adding the nav-bar configs to the docs so thats the only thing missing.
Adding these config options will make your app have the same appearance across platforms.
Hi @marcsyp, Though it has been too long since you got stuck on this, I am encountering this now and no direct solution. When I configure the tabs to top, it goes under the header. The css value top calculated as 44 by class has-header is still not moving it down. Any inputs how you got past this?