fix map heights

closes #84
This commit is contained in:
Jan-Piet Mens 2016-02-16 10:03:25 +01:00
parent 4fde26f0c1
commit fc5bf40bf8
3 changed files with 9 additions and 8 deletions

View File

@ -6,4 +6,5 @@
var renames = { var renames = {
'jjolie/phone' : 'Jane Jolie', 'jjolie/phone' : 'Jane Jolie',
'john/android' : "John Smith", 'john/android' : "John Smith",
}; };

View File

@ -10,12 +10,14 @@
<link rel="icon" sizes="192x192" href="../img/recorder.png" /> <link rel="icon" sizes="192x192" href="../img/recorder.png" />
<link rel="apple-touch-icon" href="../img/recorder.png" /> <link rel="apple-touch-icon" href="../img/recorder.png" />
<style type="text/css"> <style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
body { font-size: 80%; margin: 0; padding: 0; } body { font-size: 80%; margin: 0; padding: 0; }
td { border-bottom: 1px solid; border-right: 1px dotted;} td { border-bottom: 1px solid; border-right: 1px dotted;}
#map-canvas { height: 100% } #map-canvas { height: 100% }
#wrapper { position: relative; } #wrapper { position: relative; height: 100%; }
#maplabel { position: absolute; top: 10px; left: 120px; z-index: 99; #maplabel { position: absolute; top: 10px; left: 120px; z-index: 99;
background: white; background: white;
font-size: 1.2em; font-size: 1.2em;
@ -38,7 +40,7 @@
<body> <body>
<div id="output"></div> <div id="output"></div>
<div id="wrapper"> <div id="wrapper">
<div id="map-canvas" style='width: 100vw; height: 100vh;'/></div> <div id="map-canvas"></div>
<div id="maplabel"></div> <div id="maplabel"></div>
</div> </div>
</body> </body>

View File

@ -10,10 +10,11 @@
<link rel="apple-touch-icon" href="../img/recorder.png" /> <link rel="apple-touch-icon" href="../img/recorder.png" />
<style type="text/css"> <style type="text/css">
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; }
#map-canvas { height: 100%; }
body { font-size: 80%; padding: 0; margin: 0px; } body { font-size: 80%; padding: 0; margin: 0px; }
#map-canvas { height: 100vh; }
</style> </style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script src="../static/js/mustache.js"></script> <script src="../static/js/mustache.js"></script>
@ -21,9 +22,6 @@
<script src="functions.js"></script> <script src="functions.js"></script>
</head> </head>
<body> <body>
<div id="map-canvas"></div>
<div>
<div id="map-canvas" style='width: 100vw; height: 100vh;'/></div>
</div>
</body> </body>
</html> </html>