Changed zoom button element from <a> to <button>

This commit is contained in:
Przemek Wiech
2020-03-16 18:40:40 +01:00
parent 9e37659288
commit 73dceaaae0
2 changed files with 24 additions and 11 deletions

View File

@@ -308,14 +308,19 @@ export class Chart extends React.PureComponent<ChartProps, {}> {
render() {
return (
<div id="svgContainer">
<div className="zoom">
<a className="zoom-in" onClick={() => this.zoom(ZOOM_FACTOR)}>
+
</a>
<a className="zoom-out" onClick={() => this.zoom(1 / ZOOM_FACTOR)}>
</a>
</div>
{this.props.enableZoom ? (
<div className="zoom">
<button className="zoom-in" onClick={() => this.zoom(ZOOM_FACTOR)}>
+
</button>
<button
className="zoom-out"
onClick={() => this.zoom(1 / ZOOM_FACTOR)}
>
</button>
</div>
) : null}
<svg id="chartSvg">
<g id="chart" />
</svg>