Make room for device statusbar when needed, fix #15

2019-05-19 15:38:06 -06:00 · 2019-05-19 15:38:06 -06:00 · ef06344fe2
commit ef06344fe2
parent decd0cbeac
2 changed files with 5 additions and 2 deletions
--- a/www/css/app.css
+++ b/www/css/app.css
@ -8,6 +8,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
    padding-top: 0px;
 }

+/* Make room for the statusbar on pages with navbars */
+.view-main .page:not([data-name=home]) .navbar {
+    margin-top: var(--f7-statusbar-height);
+}
+
 .popup {
    overflow-y: scroll;
 }
--- a/www/index.html
+++ b/www/index.html
@ -22,8 +22,6 @@

 <div id="app" class="color-theme-green theme-dark">

-    <!-- <div class="statusbar"></div> -->
-
    <div class="view view-main"></div>

 </div>