Fix visual bug where page content visible behind statusbar

5 years ago · 563e8fc518
parent 80ec053408
commit 563e8fc518
1 changed files with 2 additions and 1 deletions
--- a/www/css/app.css
+++ b/www/css/app.css
@ -17,7 +17,8 @@ Framework7 and FontAwesome both have a .fab class

 /* Make room for the statusbar on pages with navbars */
 .view-main .page:not([data-name=home]) .navbar {
-    margin-top: var(--f7-statusbar-height);
+    border-top: var(--f7-statusbar-height) solid var(--f7-page-bg-color);
+    height: calc(var(--f7-navbar-height) + var(--f7-statusbar-height));
 }

 .popup {