From 8529262ff72aea8488017976ce2e25a81812a360 Mon Sep 17 00:00:00 2001
From: AppleGrew <applegrew@users.noreply.github.com>
Date: Wed, 31 Jan 2024 17:51:05 +0530
Subject: [PATCH 1/3] Update comparison opacity while changing value

Currently the opacity changes only after I have finished dragging the opacity slider, not while dragging it. This change allows the opacity to change live while dragging.
---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b7dfa1f..11719fa 100644
--- a/index.html
+++ b/index.html
@@ -543,7 +543,7 @@ <h3 id="firstPartyHeader">First Party vs Third Party content</h3>
 
   <script id="waterfallTemplate" type="text/template7">
       <div class="rangeWrapper">{{config.har1.label}}&nbsp;
-      <input id="range" type="range" min="0.0" max="1.0" step="0.1" value="0.0" onchange="changeOpacity(this.value, 'har1', 'har2')">&nbsp;{{config.har2.label}}</div>
+      <input id="range" type="range" min="0.0" max="1.0" step="0.1" value="0.0" oninput="changeOpacity(this.value, 'har1', 'har2')">&nbsp;{{config.har2.label}}</div>
     </script>
 
   <script id="domainsTemplate" type="text/template7">

From 2e70346cbcc34c4a1954e1edb52bd7e3113a5049 Mon Sep 17 00:00:00 2001
From: "nirupam.biswas" <nirupam.biswas@servicenow.com>
Date: Wed, 31 Jan 2024 21:24:47 +0530
Subject: [PATCH 2/3] Make opacity controller sticky

---
 sass/globals/_grid.scss | 2 +-
 sass/pages/_home.scss   | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/sass/globals/_grid.scss b/sass/globals/_grid.scss
index 4aa08b8..84bae14 100644
--- a/sass/globals/_grid.scss
+++ b/sass/globals/_grid.scss
@@ -1,7 +1,7 @@
 // Grid customisation
 .grid-result {
   padding-top: 0;
-  overflow-y: auto;
+  overflow: unset;
 }
 
 @media (min-width: 1550px) {
diff --git a/sass/pages/_home.scss b/sass/pages/_home.scss
index 7dd8598..b515630 100644
--- a/sass/pages/_home.scss
+++ b/sass/pages/_home.scss
@@ -36,3 +36,10 @@
   padding: 20px;
   color: $red;
 }
+
+#waterfallContent {
+  position: sticky;
+  top: 10px;
+  background: wheat;
+  z-index: 100;
+}
\ No newline at end of file

From ba204f14408b1a90665d7f7d4b36694db16dc805 Mon Sep 17 00:00:00 2001
From: AppleGrew <applegrew@users.noreply.github.com>
Date: Wed, 31 Jan 2024 21:27:54 +0530
Subject: [PATCH 3/3] Update _home.scss

---
 sass/pages/_home.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sass/pages/_home.scss b/sass/pages/_home.scss
index b515630..b2dc3d7 100644
--- a/sass/pages/_home.scss
+++ b/sass/pages/_home.scss
@@ -42,4 +42,4 @@
   top: 10px;
   background: wheat;
   z-index: 100;
-}
\ No newline at end of file
+}