I just realized that on iOS 7 (running app from Xcode into device), Ionic add some classes to the <body>
tag, as one can see on this screenshot.
In this case it adds .platform-ios7.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader)
which seems to be what’s responsible for adding that extra space on top of the header bar to accommodate the iOS 7 Status Bar.
I wonder- how is it done?
Because I followed another sample tutorial (Tabs App), on which that doesn’t happen and the iOS Status bar overlaps the header.
Thanks a lot.