diff --git a/src/browser/components/icons/Icons.tsx b/src/browser/components/icons/Icons.tsx index 0720d796012..48e3d3db8b6 100644 --- a/src/browser/components/icons/Icons.tsx +++ b/src/browser/components/icons/Icons.tsx @@ -244,17 +244,19 @@ export const ErrorIcon = () => ( ) -export const ZoomInIcon = () => ( +export const ZoomInIcon = (props: any) => ( ) -export const ZoomOutIcon = () => ( +export const ZoomOutIcon = (props: any) => ( ) diff --git a/src/browser/modules/D3Visualization/components/Graph.tsx b/src/browser/modules/D3Visualization/components/Graph.tsx index 02dd858d6d6..cb56a33f91e 100644 --- a/src/browser/modules/D3Visualization/components/Graph.tsx +++ b/src/browser/modules/D3Visualization/components/Graph.tsx @@ -133,29 +133,26 @@ export class GraphComponent extends Component { } zoomButtons() { - if (this.props.fullscreen) { - return ( - - - - - - - - - ) - } - return null + return ( + + + + + + + + + ) } render() { diff --git a/src/browser/modules/D3Visualization/components/styled.tsx b/src/browser/modules/D3Visualization/components/styled.tsx index c45128b7eb3..c3fdceea80c 100644 --- a/src/browser/modules/D3Visualization/components/styled.tsx +++ b/src/browser/modules/D3Visualization/components/styled.tsx @@ -362,7 +362,6 @@ export const StyledZoomHolder = styled.div` export const StyledZoomButton = styled.button` display: list-item; list-style-type: none; - font-size: 2em; margin-bottom: 10px; border: none; color: #9b9da2; diff --git a/src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.tsx.snap b/src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.tsx.snap index 89f62e0f14b..cfeac9938f4 100644 --- a/src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.tsx.snap +++ b/src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.tsx.snap @@ -130,6 +130,26 @@ exports[`Visualization renders with result and escapes any HTML 1`] = ` +
+ + +