From 65bf38d5e6f2c7d98f6ff56544d1908f187fed58 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Fri, 27 Jan 2017 11:16:06 -0800
Subject: [PATCH] [Frontend] Add grab affordance styling on hover

Fixes #1415
WIP
---
 .../core/res/sass/_time-conductor-base.scss   | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/platform/features/conductor/core/res/sass/_time-conductor-base.scss b/platform/features/conductor/core/res/sass/_time-conductor-base.scss
index 629c17f726..f49e8c6669 100644
--- a/platform/features/conductor/core/res/sass/_time-conductor-base.scss
+++ b/platform/features/conductor/core/res/sass/_time-conductor-base.scss
@@ -346,7 +346,28 @@
             content: $i;
         }
         .l-axis-holder {
+            $grabTicksH: 8px;
+            $grabTicksXSpace: 3px;
+            $grabTicksYOffset: (($r1H - $grabTicksH) / 2) - 2px;
             @include cursorGrab();
+            &:hover {
+                $c0: rgba($colorBodyFg, 0.05);
+                $c2: transparent; // Bg
+                @include background-image(linear-gradient(
+                    $c0 70%, $c2 100%
+                ));
+                svg {
+                    $c1: rgba($colorBodyFg, 0.15); // Line
+                    $angle: 90deg;
+                    @include background-image(linear-gradient($angle,
+                        $c1 1px, $c2 1px,
+                        $c2 100%
+                    ));
+                    background-position: center $grabTicksYOffset;
+                    background-repeat: repeat-x;
+                    background-size: $grabTicksXSpace $grabTicksH;
+                }
+            }
         }
     }