diff --git a/static/app/components/replays/player/replayPlayer.tsx b/static/app/components/replays/player/replayPlayer.tsx index 82dcc849b046c..62bca2fe89569 100644 --- a/static/app/components/replays/player/replayPlayer.tsx +++ b/static/app/components/replays/player/replayPlayer.tsx @@ -95,7 +95,6 @@ export default function ReplayPlayer({offsetMs, ...props}: Props) { return (
diff --git a/static/app/components/replays/player/styles.tsx b/static/app/components/replays/player/styles.tsx index 02a32c09c7ffa..a19bb90775897 100644 --- a/static/app/components/replays/player/styles.tsx +++ b/static/app/components/replays/player/styles.tsx @@ -18,9 +18,7 @@ export const baseReplayerCss = css` .replayer-wrapper > iframe { border: none; background: white; - } - &[data-inspectable='true'] .replayer-wrapper > iframe { /* Set pointer-events to make it easier to right-click & inspect */ pointer-events: initial !important; } diff --git a/static/app/components/replays/replayPlayer.tsx b/static/app/components/replays/replayPlayer.tsx index 92a911caa066c..c76fb517addf6 100644 --- a/static/app/components/replays/replayPlayer.tsx +++ b/static/app/components/replays/replayPlayer.tsx @@ -182,13 +182,10 @@ const PositionedLoadingIndicator = styled(LoadingIndicator)` position: absolute; `; -// Base styles, to make the Replayer instance work -const PlayerRoot = styled(BasePlayerRoot)` +const SentryPlayerRoot = styled(BasePlayerRoot)` + /* Base styles, to make the Replayer instance work */ ${baseReplayerCss} -`; - -// Sentry-specific styles for the player. -const SentryPlayerRoot = styled(PlayerRoot)` + /* Sentry-specific styles for the player */ ${p => sentryReplayerCss(p.theme)} `;