Commit 72cb3116 by Mac Stephens

height fix for ios

parent 448ace4a
[Settings]
LogFileNum=746
LogFileNum=105
webClientVersion=9.4.0
[Database]
Server=192.168.102.10
--Server=192.168.74.10
--Server=192.168.102.10
Server=192.168.56.129
Port=5432
--Port=5433
Database=lems_wcso
......
<div class="d-flex flex-column vh-100">
<!-- Top Nav -->
<nav class="navbar navbar-light bg-primary border-light text-light py-2 flex-shrink-0">
<nav id="top_nav" class="navbar navbar-light bg-primary border-light text-light py-2 flex-shrink-0">
<div class="container-fluid">
<!-- App title + current view title -->
......
......@@ -70,6 +70,16 @@ html, body {
overflow: hidden;
}
/* iOS safe area: absorb status bar into top nav, home indicator into bottom nav */
@supports (padding-top: env(safe-area-inset-top)) {
#top_nav {
padding-top: calc(0.5rem + env(safe-area-inset-top));
}
#bottom_nav {
padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
}
}
.tab-hidden { display: none !important; }
......
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="data:;base64,=" rel="icon"/>
<title>emiMobile</title>
......@@ -20,7 +20,7 @@
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"/>
<!-- App -->
<script src="$(ProjectName).js" type="text/javascript"></script>
<script src="webEmiMobile.js" type="text/javascript"></script>
<!-- App styles -->
<style></style>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment