Odd looking header


#1

Hello! I just managed to get my Cordova app onto my phone, and it works.

However, the header is looking odd. Does anyone have an idea why?


Header height doubling with latest version of Ionic (when sending to adobe build)
#2

Is this generated from the the Ionic cli? What plugins do you have installed?


#3

I just used the seed application.

Here is the code of the page:

<ion-view title="'Køleskab'">
    <ion-content has-header="true" has-tabs="true">

    <ion-list>
        <ion-item ng-repeat="ingredient in ingredients">
            {{ ingredient.name }}
            <span class="badge badge-assertive">{{ ingredient.amount }} {{ ingredient.unit }}</span>
        </ion-item>
    </ion-list>

</ion-content>

#4

That’s because there’s a bug in Ionic when you hide the status bar id doesn’t resize the header. There are a few other topics about this.


#5

Hey @jough, mind making an issue on GitHub about that?


#6

Done. https://github.com/driftyco/ionic/issues/771


#7

Thank you very much, sir!