From 4217fdcfb77bb3bd3d0c976fb7094382c2792c7c Mon Sep 17 00:00:00 2001
From: Andrew Yan <ayan@usgs.gov>
Date: Tue, 13 Feb 2018 16:18:34 -0600
Subject: [PATCH] use a differently oriented hash for current and compare masks

---
 assets/src/scripts/components/hydrograph/index.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/src/scripts/components/hydrograph/index.js b/assets/src/scripts/components/hydrograph/index.js
index 3775378a4..276a79fbd 100644
--- a/assets/src/scripts/components/hydrograph/index.js
+++ b/assets/src/scripts/components/hydrograph/index.js
@@ -79,12 +79,20 @@ const plotDataLine = function (elem, {visible, lines, tsDataKey, xScale, yScale}
                 .attr('height', Math.abs(yScale(yRangeEnd)- yScale(yRangeStart)))
                 .attr('class', 'generic-mask');
 
+            let patternId;
+
+            if (tsDataKey === 'compare') {
+                patternId = 'url(#hash-135)';
+            }
+            else {
+                patternId = 'url(#hash-45)';
+            }
             maskGroup.append('rect')
                 .attr('x', xScale(xDomainStart))
                 .attr('y', yScale(yRangeEnd))
                 .attr('width', xScale(xDomainEnd) - xScale(xDomainStart))
                 .attr('height', Math.abs(yScale(yRangeEnd)- yScale(yRangeStart)))
-                .attr('fill', 'url(#hash-45)');
+                .attr('fill', patternId);
         }
     }
 };
-- 
GitLab