       </div>
     """
 
+    # @element.getElementsByClassName('.left-handle').fadeOut()
+    # # @element.find('.right-handle').fadeOut()
+
     @element.style.left = @toCanvasXPoint(e) + "px"
     @element.style.position = 'absolute'
     @element.style.top = e.target.offsetTop + "px"
     @element.style.height = (@canvas.height - 2) + 'px'
-    @element.style.backgroundColor = 'rgba(252,69,65,.6)'
+    @element.style.backgroundColor = 'rgba(252,69,65,.4)'
     @element.style.borderBottom = "2px solid #{bgColor}"
     @element.style.pointerEvents = 'auto'
     @element.style.textAlign = 'center'

    @dataXMaxRel = @canvasGraph.toDataXCoord(@canvasXMax)
    @dataXMinGlobal = @dataXMinRel + @originalMin    
    @dataXMaxGlobal = @dataXMaxRel + @originalMin

  onMouseMove: (e) =>
    e.preventDefault()

    @dragging = true
    @element.addEventListener 'mousedown', @onMouseDown
    @element.addEventListener 'touchstart', @onMouseDown
    @element.addEventListener 'mouseover', @onMouseOver
    @element.addEventListener 'mouseout', @onMouseOut
    

  minWidth: ->    @canvasGraph.scale * 10 #15 * (@canvasGraph.scale || 1)
  maxWidth: ->    @canvasGraph.scale * 75 #150 * (@canvasGraph.scale || 1)
