Add code to hide tooltip when showOnlyGraph is true (no interactive features)

assets/src/scripts/monitoring-location/components/hydrograph/time-series-graph.js

@@ -148,7 +148,7 @@ const plotAllFloodLevelPoints = function(elem, {visible, xscale, yscale, seriesP
 };
 
 
-const createTitle = function(elem, store, siteNo, showMLName) {
+const createTitle = function(elem, store, siteNo, showMLName, showTooltip) {
     let titleDiv = elem.append('div')
         .classed('time-series-graph-title', true);
 
@@ -164,8 +164,10 @@ const createTitle = function(elem, store, siteNo, showMLName) {
     }
     titleDiv.append('div')
         .call(link(store,(elem, {title, variable}) => {
-            elem.html(title)
-                .call(appendTooltip, variable ? variable.variableDescription : 'No description available');
+            elem.html(title);
+            if (showTooltip) {
+                elem.call(appendTooltip, variable ? variable.variableDescription : 'No description available');
+            }
         }, createStructuredSelector({
             title: getTitle,
             variable: getCurrentVariable
@@ -209,7 +211,7 @@ export const drawTimeSeriesGraph = function(elem, store, siteNo, showMLName, sho
     graphDiv = elem.append('div')
         .attr('class', 'hydrograph-container')
         .call(watermark, store)
-        .call(createTitle, store, siteNo, showMLName);
+        .call(createTitle, store, siteNo, showMLName, showTooltip);
     if (showTooltip) {
         graphDiv.call(drawTooltipText, store);
     }

assets/src/styles/components/hydrograph/_graph.scss

@@ -9,7 +9,6 @@
   @include u-text('bold');
   @include at-media(tablet) {
     @include typeset('ui', 9, 2);
-    @include u-text('bold');
   }
   text-align: center;
 }