From 205b673bc0c6d46105b875bc8cc91577943d5d1d Mon Sep 17 00:00:00 2001 From: stjr02 Date: Mon, 3 Aug 2015 13:34:09 -0400 Subject: [PATCH] Updated the tooltip desgin to be less transparent and use better contrasting colors. --- gradientUSMap.js | 2 +- stylesheets/style.css | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/gradientUSMap.js b/gradientUSMap.js index e93d0eb..a769bd2 100644 --- a/gradientUSMap.js +++ b/gradientUSMap.js @@ -159,7 +159,7 @@ function GradientMap(feature){ this.mouseOver = function(d){ - d3.select("#tooltip" + newThis.id.toString()).transition().duration(200).style("opacity", 0.9); + d3.select("#tooltip" + newThis.id.toString()).transition().duration(200).style("opacity", 0.97); //If the browser is Firefox or built with the Gecko engine if(newThis.q[0] === "Gecko") { diff --git a/stylesheets/style.css b/stylesheets/style.css index 844f2f0..641e636 100755 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -48,11 +48,11 @@ svg { border-radius: 2px; pointer-events: none; } -#tooltip h4{ +.tooltip h4{ color: skyblue; margin:0; font-size:14px; - text-align: center; + text-align: left; } .tooltip{ position: fixed;