diff --git a/lib/client/browser-utils.js b/lib/client/browser-utils.js
index e587480a6f27..b7b2f357ce19 100644
--- a/lib/client/browser-utils.js
+++ b/lib/client/browser-utils.js
@@ -15,7 +15,7 @@ function init ($) {
$.fn.tooltip.defaults = {
fade: true
, gravity: 'n'
- , opacity: 0.75
+ , opacity: 0.9
};
$('#drawerToggle').click(function(event) {
diff --git a/lib/client/index.js b/lib/client/index.js
index c4c83b32a019..96b19b20fd0c 100644
--- a/lib/client/index.js
+++ b/lib/client/index.js
@@ -192,7 +192,7 @@ client.load = function load (serverSettings, callback) {
client.tooltip = d3.select('body').append('div')
.attr('class', 'tooltip')
- .style('opacity', 0);
+ .style('display', 'none');
client.settings = browserSettings(client, serverSettings, $);
diff --git a/lib/client/renderer.js b/lib/client/renderer.js
index ba848303a9fa..dd2236dcfdb3 100644
--- a/lib/client/renderer.js
+++ b/lib/client/renderer.js
@@ -54,7 +54,7 @@ function init (client, d3) {
}
function hideTooltip () {
- client.tooltip.style('opacity', 0);
+ client.tooltip.style('display', 'none');
}
// get the desired opacity for context chart based on the brush extent
@@ -147,7 +147,7 @@ function init (client, d3) {
var rawbgInfo = getRawbgInfo();
- client.tooltip.style('opacity', .9);
+ client.tooltip.style('display', 'block');
client.tooltip.html('' + translate('BG') + ': ' + client.sbx.scaleEntry(d) +
(d.type === 'mbg' ? '
' + translate('Device') + ': ' + d.device : '') +
(d.type === 'forecast' && d.forecastType ? '
' + translate('Forecast Type') + ': ' + d.forecastType : '') +
@@ -338,7 +338,7 @@ function init (client, d3) {
prepareTreatCircles(treatCircles.enter().append('circle'))
.attr('class', 'treatment-dot')
.on('mouseover', function(d) {
- client.tooltip.style('opacity', .9);
+ client.tooltip.style('display', 'block');
client.tooltip.html(d.isAnnouncement ? announcementTooltip(d) : treatmentTooltip(d))
.style('left', tooltipLeft())
.style('top', (d3.event.pageY + 15) + 'px');
@@ -435,7 +435,7 @@ function init (client, d3) {
.attr('class', 'g-duration')
.attr('transform', rectTranslate)
.on('mouseover', function(d) {
- client.tooltip.style('opacity', .9);
+ client.tooltip.style('display', 'block');
client.tooltip.html(d.isAnnouncement ? announcementTooltip(d) : treatmentTooltip(d))
.style('left', tooltipLeft())
.style('top', (d3.event.pageY + 15) + 'px');
@@ -640,7 +640,7 @@ function init (client, d3) {
glucose = Math.round(glucose * decimals) / decimals;
}
- client.tooltip.style('opacity', .9);
+ client.tooltip.style('display', 'block');
client.tooltip.html('' + translate('Time') + ': ' + client.formatTime(getOrAddDate(treatment)) + '
' + '' + translate('Treatment type') + ': ' + translate(client.careportal.resolveEventName(treatment.eventType)) + '
' +
(treatment.carbs ? '' + translate('Carbs') + ': ' + treatment.carbs + '
' : '') +
(treatment.protein ? '' + translate('Protein') + ': ' + treatment.protein + '
' : '') +
@@ -667,7 +667,7 @@ function init (client, d3) {
//console.log(treatment);
var windowWidth = $(client.tooltip.node()).parent().parent().width();
var left = d3.event.x + TOOLTIP_WIDTH < windowWidth ? d3.event.x : windowWidth - TOOLTIP_WIDTH - 10;
- client.tooltip.style('opacity', .9)
+ client.tooltip.style('display', 'block')
.style('left', left + 'px')
.style('top', (d3.event.pageY ? d3.event.pageY + 15 : 40) + 'px');
@@ -760,7 +760,7 @@ function init (client, d3) {
})
.on('drag', function() {
//console.log(d3.event);
- client.tooltip.style('opacity', .9);
+ client.tooltip.style('display', 'block');
var x = Math.min(Math.max(0, d3.event.x), chart().charts.attr('width'));
var y = Math.min(Math.max(0, d3.event.y), chart().focusHeight);
@@ -1266,7 +1266,7 @@ function init (client, d3) {
})
.text(generateText)
.on('mouseover', function(d) {
- client.tooltip.style('opacity', .9);
+ client.tooltip.style('display', 'block');
client.tooltip.html(profileTooltip(d))
.style('left', (d3.event.pageX) + 'px')
.style('top', (d3.event.pageY + 15) + 'px');
diff --git a/lib/plugins/pluginbase.js b/lib/plugins/pluginbase.js
index 0e2adad35869..17aa4e35b46c 100644
--- a/lib/plugins/pluginbase.js
+++ b/lib/plugins/pluginbase.js
@@ -84,7 +84,7 @@ function init (majorPills, minorPills, statusPills, bgStatus, tooltip) {
}).join('
\n');
pill.mouseover(function pillMouseover (event) {
- tooltip.style('opacity', .9);
+ tooltip.style('display', 'block');
var windowWidth = $(tooltip.node()).parent().parent().width();
var left = event.pageX + TOOLTIP_WIDTH < windowWidth ? event.pageX : windowWidth - TOOLTIP_WIDTH - 10;
@@ -94,7 +94,7 @@ function init (majorPills, minorPills, statusPills, bgStatus, tooltip) {
});
pill.mouseout(function pillMouseout ( ) {
- tooltip.style('opacity', 0);
+ tooltip.style('display', 'none');
});
} else {
pill.off('mouseover');
diff --git a/lib/report_plugins/daytoday.js b/lib/report_plugins/daytoday.js
index c44cdf0386fb..5148cc38a52e 100644
--- a/lib/report_plugins/daytoday.js
+++ b/lib/report_plugins/daytoday.js
@@ -302,7 +302,7 @@ daytoday.report = function report_daytoday (datastorage, sorteddaystoshow, optio
})
.on('mouseover', function(d) {
if (options.openAps && d.openaps) {
- client.tooltip.style('opacity', .9);
+ client.tooltip.style('display', 'block');
var text = 'BG: ' + d.openaps.suggested.bg +
', ' + d.openaps.suggested.reason +
(d.openaps.suggested.mealAssist ? ' Meal Assist: ' + d.openaps.suggested.mealAssist : '');
@@ -1109,6 +1109,6 @@ daytoday.report = function report_daytoday (datastorage, sorteddaystoshow, optio
}
function hideTooltip () {
- client.tooltip.style('opacity', 0);
+ client.tooltip.style('display', 'none');
}
};
diff --git a/lib/report_plugins/weektoweek.js b/lib/report_plugins/weektoweek.js
index 2639e4b634a1..d57fa62bee66 100644
--- a/lib/report_plugins/weektoweek.js
+++ b/lib/report_plugins/weektoweek.js
@@ -317,7 +317,7 @@ function init (ctx) {
}
function hideTooltip () {
- client.tooltip.style('opacity', 0);
+ client.tooltip.style('display', 'none');
}
};
return weektoweek;