feat: change zoom bar handle cursor from "pointer" to "ew-resize"

carbon-design-system · Aug 14, 2020 · 9732c8a · 9732c8a
1 parent 2b07934
commit 9732c8a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/core/src/components/axes/zoom-bar.ts b/packages/core/src/components/axes/zoom-bar.ts
@@ -331,6 +331,7 @@ export class ZoomBar extends Component {
 		const handleBarXDiff = -handleBarWidth / 2;
 		const handleYBarDiff = (handleHeight - handleBarHeight) / 2;
 
+		const ewHandleCursor = "ew-resize";
 		const displayStyle =
 			isDataLoading || isNaN(selection[0]) || isNaN(selection[1])
 				? "none"
@@ -358,7 +359,7 @@ export class ZoomBar extends Component {
 			.attr("y", 0)
 			.attr("width", handleWidth)
 			.attr("height", handleHeight)
-			.attr("cursor", "pointer")
+			.attr("cursor", ewHandleCursor)
 			.style("display", displayStyle);
 
 		// handle-bar
@@ -391,7 +392,7 @@ export class ZoomBar extends Component {
 			.attr("y", handleYBarDiff)
 			.attr("width", handleBarWidth)
 			.attr("height", handleBarHeight)
-			.attr("cursor", "pointer")
+			.attr("cursor", ewHandleCursor)
 			.style("display", displayStyle);
 
 		// Update slider selected area