diff --git a/packages/suite-base/src/panels/Plot/VerticalBars.tsx b/packages/suite-base/src/panels/Plot/VerticalBars.tsx index 264a98721b..6a85eae646 100644 --- a/packages/suite-base/src/panels/Plot/VerticalBars.tsx +++ b/packages/suite-base/src/panels/Plot/VerticalBars.tsx @@ -11,9 +11,9 @@ import { useLatest } from "react-use"; import { toSec } from "@lichtblick/rostime"; import { useMessagePipelineSubscribe } from "@lichtblick/suite-base/components/MessagePipeline"; import { useHoverValue } from "@lichtblick/suite-base/context/TimelineInteractionStateContext"; +import { useStyles } from "@lichtblick/suite-base/panels/Plot/verticalbars.style"; import type { VerticalBarsProps, Scale } from "./types"; -import { useStyles } from "@lichtblick/suite-base/panels/Plot/verticalbars.style"; /** Get the canvas pixel x location for the plot x value */ function getPixelForXValue( diff --git a/packages/suite-base/src/panels/Plot/types.ts b/packages/suite-base/src/panels/Plot/types.ts index 2ebd2820b5..970f44b862 100644 --- a/packages/suite-base/src/panels/Plot/types.ts +++ b/packages/suite-base/src/panels/Plot/types.ts @@ -33,8 +33,8 @@ export type MouseBase = BaseInteractionEvent & { export type WheelInteractionEvent = { type: "wheel" } & BaseInteractionEvent & MouseBase; export type PanStartInteractionEvent = { type: "panstart" } & BaseInteractionEvent & { - center: { x: number; y: number }; -}; + center: { x: number; y: number }; + }; export type PanMoveInteractionEvent = { type: "panmove" } & BaseInteractionEvent; export type PanEndInteractionEvent = { type: "panend" } & BaseInteractionEvent; diff --git a/packages/suite-base/src/panels/Plot/verticalbars.style.ts b/packages/suite-base/src/panels/Plot/verticalbars.style.ts index add39c298e..655b21d2a1 100644 --- a/packages/suite-base/src/panels/Plot/verticalbars.style.ts +++ b/packages/suite-base/src/panels/Plot/verticalbars.style.ts @@ -1,17 +1,20 @@ +// SPDX-FileCopyrightText: Copyright (C) 2023-2024 Bayerische Motoren Werke Aktiengesellschaft (BMW AG) +// SPDX-License-Identifier: MPL-2.0 + import { makeStyles } from "tss-react/mui"; export const useStyles = makeStyles()(() => ({ - verticalBar: { - position: "absolute", - top: 0, - bottom: 0, - left: 0, - width: 1, - marginLeft: -1, - display: "block", - pointerEvents: "none", - }, - playbackBar: { - backgroundColor: "#aaa", - }, + verticalBar: { + position: "absolute", + top: 0, + bottom: 0, + left: 0, + width: 1, + marginLeft: -1, + display: "block", + pointerEvents: "none", + }, + playbackBar: { + backgroundColor: "#aaa", + }, }));