From e46f6dc88741deb388cd75bafd5e02a6f9381273 Mon Sep 17 00:00:00 2001 From: Adam Gastineau Date: Fri, 17 Oct 2025 08:26:39 -0700 Subject: [PATCH] fix(trace-viewer): properly size copy button to prevent bounce --- packages/trace-viewer/src/ui/callTab.css | 6 ++++++ packages/trace-viewer/src/ui/copyToClipboard.tsx | 1 + 2 files changed, 7 insertions(+) diff --git a/packages/trace-viewer/src/ui/callTab.css b/packages/trace-viewer/src/ui/callTab.css index f57f3f1529938..224fc85b6dc9c 100644 --- a/packages/trace-viewer/src/ui/callTab.css +++ b/packages/trace-viewer/src/ui/callTab.css @@ -69,6 +69,12 @@ margin-bottom: -2px; } +.call-line .toolbar-button.check { + margin-left: 5px; + margin-top: -2px; + margin-bottom: -2px; +} + .call-value { margin-left: 2px; text-overflow: ellipsis; diff --git a/packages/trace-viewer/src/ui/copyToClipboard.tsx b/packages/trace-viewer/src/ui/copyToClipboard.tsx index 8f3f8cb448b00..6b78c2e2455cf 100644 --- a/packages/trace-viewer/src/ui/copyToClipboard.tsx +++ b/packages/trace-viewer/src/ui/copyToClipboard.tsx @@ -18,6 +18,7 @@ import * as React from 'react'; import { ToolbarButton } from '@web/components/toolbarButton'; import './copyToClipboard.css'; +// TODO: This should be deduplicated with packages/html-reporter/src/copyToClipboard.tsx export const CopyToClipboard: React.FunctionComponent<{ value: string | (() => Promise), description?: string,