remove hover style on keys when curve is lock

bin/style.css

@@ -1234,7 +1234,7 @@ input[type=checkbox]:checked:after {
   fill: rgba(187, 187, 187, 0.644);
   cursor: pointer;
 }
-.hide-curve-editor svg .graph .handles circle:hover,
+.hide-curve-editor svg .graph .handles circle:hover:not(.no-hover),
 .hide-curve-editor svg .graph .handles rect:hover {
   fill: #fff;
   stroke: #fff;

bin/style.less

@@ -1332,7 +1332,7 @@ input[type=checkbox] {
 					fill: rgba(187, 187, 187, 0.644);
 					cursor: pointer;
 				}
-				circle:hover, rect:hover {
+				circle:hover:not(.no-hover), rect:hover {
 					fill: #fff;
 					stroke: #fff;
 					stroke-width: 2px;

hide/comp/CurveEditor.hx

@@ -1236,6 +1236,10 @@ class CurveEditor extends Component {
 				var kx = xScale*(key.time);
 				var ky = -yScale*(key.value);
 				var keyHandle = addCircle(keyHandles, kx, ky, style);
+				
+				if(curve.lock)
+					keyHandle.addClass("no-hover");
+				
 				var selected = selectedKeys.indexOf(key) >= 0;
 				if(selected)
 					keyHandle.addClass("selected");
@@ -1368,7 +1372,7 @@ class CurveEditor extends Component {
 			
 			if (curve.lock) {
 				curveStyle = { opacity : curve.selected ? 1 : 0.5 , stroke : color, "stroke-width":'${curve.selected ? 2 : 1}px', "stroke-dasharray":"5, 3"};
-				keyStyle = { opacity : curve.selected ? 1 : 0.5};
+				keyStyle = { opacity : curve.selected ? 1 : 0.5, 'cursor':'default'};
 				eventStyle = { 'fill-opacity' : curve.selected ? 1 : 0.5};
 			}