diff --git a/lib/client/browser-utils.js b/lib/client/browser-utils.js index e587480a6f2..b7b2f357ce1 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 c4c83b32a01..96b19b20fd0 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 ba848303a9f..dd2236dcfdb 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 0e2adad3586..17aa4e35b46 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 c44cdf0386f..5148cc38a52 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 2639e4b634a..d57fa62bee6 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;