the whole overlay is now clickable to restore the view of the highlighted area
Costa Tsaousis (ktsaou) committed
Nov 23, 2017 at 03:00 UTC
72ce5d6b767ce575116815780dcd799b3f3badaa
1 file changed
+5
-3
web/index.html
+5
-3
@@ -93,9 +93,8 @@
93
pointer-events: auto !important;
94
}
95
96
- .navbar-highlight-button-left {
96
+ .navbar-highlight-bar {
97
cursor: pointer;
98
- padding-right: 10px;
98
}
99
.navbar-highlight-button-right {
100
cursor: pointer;
@@ -708,16 +707,19 @@
707
var d2 = NETDATA.dateTime.localeDateString(before);
708
if(d1 === d2) d2 = '';
709
document.getElementById('navbar-highlight-content').innerHTML =
711
- ((show_eye === true)?'<span class="navbar-highlight-button-left highlight-tooltip" onclick="urlOptions.showHighlight();" title="view the highlighted time-frame" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-eye" aria-hidden="true"></i></span>':'').toString()
710
+ ((show_eye === true)?'<span class="navbar-highlight-bar highlight-tooltip" onclick="urlOptions.showHighlight();" title="restore the highlighted view" data-toggle="tooltip" data-placement="bottom">':'<span>').toString()
711
+ 'highlighted time-frame'
712
+ ' <b>' + d1 + ' <code>' + NETDATA.dateTime.localeTimeString(after) + '</code></b> to '
713
+ ' <b>' + d2 + ' <code>' + NETDATA.dateTime.localeTimeString(before) + '</code></b>, '
714
+ 'duration <b>' + NETDATA.seconds4human(Math.round((before - after) / 1000)) + '</b>'
715
+ + '</span>'
716
+ '<span class="navbar-highlight-button-right highlight-tooltip" onclick="urlOptions.clearHighlight();" title="clear the highlighted time-frame" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-times" aria-hidden="true"></i></span>';
717
718
$('.navbar-highlight').show();
719
720
$('.highlight-tooltip').tooltip({
721
+ html: true,
722
+ delay: {show: 500, hide: 0},
723
container: 'body'
724
});
725
}