make the highlight overlay pass-through clicks and change the mouse pointer over the close button
Costa Tsaousis (ktsaou) committed
Nov 19, 2017 at 02:36 UTC
8245bf7014a300c2bc7b6b94529d56c47654e106
1 file changed
+8
-2
web/index.html
+8
-2
@@ -74,6 +74,7 @@
74
text-align: center;
75
overflow: hidden;
76
z-index: 30;
77
+ pointer-events: none !important;
78
}
79
80
.navbar-highlight-content {
@@ -89,6 +90,11 @@
90
padding-right: 15px;
91
border-radius:10px;
92
color: lightgrey;
93
+ pointer-events: auto !important;
94
+ }
95
+
96
+ .navbar-highlight-content-close {
97
+ cursor: pointer;
98
}
99
100
.modal-wide .modal-dialog {
@@ -686,7 +692,7 @@
692
var d1 = NETDATA.dateTime.localeDateString(after);
693
var d2 = NETDATA.dateTime.localeDateString(before);
694
if(d1 === d2) d2 = '';
689
- document.getElementById('navbar-highlight-content').innerHTML = 'Highlighted timeframe <b>' + d1 + ' <code>' + NETDATA.dateTime.localeTimeString(after) + '</code></b> to <b>' + d2 + ' <code>' + NETDATA.dateTime.localeTimeString(before) + '</code></b>, duration <b>' + NETDATA.seconds4human(Math.round((before - after) / 1000)) + '</b> <span onclick="urlOptions.clearHighlight();" style="padding-left: 10px;"><i class="fa fa-times" aria-hidden="true"></i></span>';
695
+ document.getElementById('navbar-highlight-content').innerHTML = 'Highlighted timeframe <b>' + d1 + ' <code>' + NETDATA.dateTime.localeTimeString(after) + '</code></b> to <b>' + d2 + ' <code>' + NETDATA.dateTime.localeTimeString(before) + '</code></b>, duration <b>' + NETDATA.seconds4human(Math.round((before - after) / 1000)) + '</b> <span class="navbar-highlight-content-close" onclick="urlOptions.clearHighlight();" style="padding-left: 10px;"><i class="fa fa-times" aria-hidden="true"></i></span>';
696
$('.navbar-highlight').show();
697
}
698
else
@@ -5312,6 +5318,6 @@
5318
</div>
5319
</div>
5320
<div id="hiddenDownloadLinks" style="display: none;" hidden></div>
5315
- <script type="text/javascript" src="dashboard.js?v20171118-2"></script>
5321
+ <script type="text/javascript" src="dashboard.js?v20171118-3"></script>
5322
</body>
5323
</html>