Framework7: Hiding the `.statusbar-overlay` on landscape orientation

[iBinJubair]

This is a (multiple allowed):

• [x] bug
• [ ] enhancement
• [ ] feature-discussion (RFC)

• Framework7 Version: 1.5.3
• Platform and Target: iOS

What you did

I added this code to css file.
@media screen and (orientation:landscape) { html.with-statusbar-overlay .framework7-root { padding-top: 0; } html.with-statusbar-overlay .statusbar-overlay { height: 0 ; } html.with-statusbar-overlay .framework7-root>.photo-browser, html.with-statusbar-overlay body>.photo-browser { top: 0; height:100%; } }

Expected Behavior / Actual Behavior

If you add the website to home screen and open the it as a web app,
iOS(iPhone) will hide status bar on landscape orientation. The .statusbar-overlay div will still be shown! The above code should hide it.

[valnub]

So, you already solved your problem?

[iBinJubair]

@valnub Yes. I just share what I found. So, someone can add it to master.

[valnub]

Can you please post a pull-request instead? https://help.github.com/articles/about-pull-requests/

thanks

[nolimits4web]

Issue is closed because of outdated/irrelevant/not actual

If this issue is still actual and reproducible for latest version of Framework7, please create new issue and fill the issue template correctly:

• Clearly describe the issue including steps to reproduce when it is a bug.
• Make sure you fill in the earliest version that you know has the issue.
• Provide live link or JSFiddle/Codepen or website with issue