From ef9d66514632575bc03824f8f3bc52780dc2a52b Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Thu, 26 Mar 2015 12:17:20 -0700
Subject: [PATCH] Highlight scrollbar when it is being moved

---
 examples/users.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/examples/users.js b/examples/users.js
index 59263e0607..ebd59886aa 100644
--- a/examples/users.js
+++ b/examples/users.js
@@ -29,6 +29,7 @@ var usersWindow = (function () {
         SCROLLBAR_BAR_MIN_HEIGHT = 5,
         SCROLLBAR_BAR_COLOR_2D = { red: 180, green: 180, blue: 180 },
         SCROLLBAR_BAR_ALPHA_2D = 0.8,
+        SCROLLBAR_BAR_SELECTED_ALPHA_2D = 0.9,
         scrollbarBar2D,
         scrollbarBackgroundHeight,
         scrollbarBarHeight,
@@ -379,6 +380,9 @@ var usersWindow = (function () {
 
         if (clickedOverlay === scrollbarBar2D) {
             scrollbarBarClickedAt = (event.y - scrollbarBarPosition.y) / scrollbarBarHeight;
+            Overlays.editOverlay(scrollbarBar2D, {
+                backgroundAlpha: SCROLLBAR_BAR_SELECTED_ALPHA_2D
+            });
             isMovingScrollbar = true;
         }
 
@@ -410,12 +414,18 @@ var usersWindow = (function () {
                 updateOverlayPositions();
                 updateUsersDisplay();
             } else {
+                Overlays.editOverlay(scrollbarBar2D, {
+                    backgroundAlpha: SCROLLBAR_BAR_ALPHA_2D
+                });
                 isMovingScrollbar = false;
             }
         }
     }
 
     function onMouseReleaseEvent() {
+        Overlays.editOverlay(scrollbarBar2D, {
+            backgroundAlpha: SCROLLBAR_BAR_ALPHA_2D
+        });
         isMovingScrollbar = false;
     }