drpuur
/
wo-bisch-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve layout

This commit is contained in:
Joerg Lehmann 2021-04-17 20:55:00 +02:00
parent ac79afe97a
commit 62c8dab465
4 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
snippets/map.html
View File

@ -18,14 +18,14 @@
<script src="static/bulma-calendar/js/bulma-calendar.min.js"></script> <script src="static/bulma-calendar/js/bulma-calendar.min.js"></script>
<script src="static/js/map.js"></script> <script src="static/js/map.js"></script>
<div class="columns" id="myselectors"> <div class="columns is-mobile" id="myselectors">
<div class="column is-half py-1"> <div class="column is-narrow py-1">
<div id="reportrange" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <div id="reportrange" class="datepicker" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
<i class="fa fa-calendar"></i>&nbsp; <i class="fa fa-calendar"></i>&nbsp;
<span></span> <i class="fa fa-caret-down"></i> <span></span> <i class="fa fa-caret-down"></i>
</div> </div>
</div> </div>
<div class="column is-half py-1"> <div class="column py-1" align="right">
<a href="/downloadmetrics" id="btn_download" class="button" download> <a href="/downloadmetrics" id="btn_download" class="button" download>
<span class="icon"> <span class="icon">
<i class="fa fa-download"></i> <i class="fa fa-download"></i>

3
static/css/map.css
View File

@ -1,3 +0,0 @@
.map {
height: 350px;
}

6
static/css/wo-bisch-web-custom.css
View File

@ -1,9 +1,9 @@
html,body,.section,.container { html,body {
height: 100%; height: 100%;
} }
.container { .section,.container {
height: 70%; height: 90%;
} }
hr { hr {

2
static/js/map.js
View File

@ -123,7 +123,7 @@ function refreshDatapoints(deveui, start, stop) {
lcontrol = L.control.layers({}).addTo(map); lcontrol = L.control.layers({}).addTo(map);
lcontrol.addOverlay(allmarkers, 'alle Positionen anzeigen'); lcontrol.addOverlay(allmarkers, 'alle Positionen anzeigen');
bounds = new L.LatLngBounds([[mydata['max_lat'], mydata['max_lon']], [mydata['min_lat'], mydata['min_lon']]]); bounds = new L.LatLngBounds([[mydata['max_lat'], mydata['max_lon']], [mydata['min_lat'], mydata['min_lon']]]);
map.fitBounds(bounds, { padding: [20, 20] }); map.fitBounds(bounds, { padding: [15, 15] });
} else { } else {
$('#map').hide(); $('#map').hide();
$('#datetimeslider').hide(); $('#datetimeslider').hide();