From 784114e2561a95983f9acd6478c98e31e6c45d35 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Fri, 27 Jan 2017 14:07:36 -0800
Subject: [PATCH] [Frontend] Add grab affordance grippys

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

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 e1dad98dad..96e45ad447 100644
--- a/platform/features/conductor/core/res/sass/_time-conductor-base.scss
+++ b/platform/features/conductor/core/res/sass/_time-conductor-base.scss
@@ -346,27 +346,27 @@
             content: $i;
         }
         .l-axis-holder {
-            $grabTicksH: 8px;
-            $grabTicksXSpace: 3px;
-            $grabTicksYOffset: (($r1H - $grabTicksH) / 2) - 2px;
+            $c0: rgba($colorBodyFg, 0.1);
+            $c2: transparent;
+            $grabTicksH: 3px;
+            $grabTicksXSpace: 4px;
+            $grabTicksYOffset: 0;
             @include cursorGrab();
+            svg {
+                $c1: rgba($colorBodyFg, 0.2);
+                $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;
+            }
             &:hover {
-                $c0: rgba($colorBodyFg, 0.1);
-                $c2: transparent; // Bg
                 @include background-image(linear-gradient(
                     $c0 70%, $c2 100%
                 ));
-                svg {
-                    $c1: rgba($colorBodyFg, 0.2); // 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;
-                }
             }
         }
     }