diff --git a/.changeset/tricky-dragons-explain.md b/.changeset/tricky-dragons-explain.md new file mode 100644 index 000000000000..78ecb1e95752 --- /dev/null +++ b/.changeset/tricky-dragons-explain.md @@ -0,0 +1,5 @@ +--- +'astro': patch +--- + +Fixes a number of small user experience bugs with the dev overlay diff --git a/packages/astro/src/runtime/client/dev-overlay/plugins/astro.ts b/packages/astro/src/runtime/client/dev-overlay/plugins/astro.ts index 951101bae8b2..53fbc6502e45 100644 --- a/packages/astro/src/runtime/client/dev-overlay/plugins/astro.ts +++ b/packages/astro/src/runtime/client/dev-overlay/plugins/astro.ts @@ -324,13 +324,13 @@ export default { (window as DevOverlayMetadata).__astro_dev_overlay__.version } - Get debug info + Copy debug info
-

Top integrations

View all
+

Top integrations

View all
@@ -345,7 +345,7 @@ export default { ${links .map( (link) => - `` : `>${link.icon}` }${link.name}` ) @@ -362,7 +362,11 @@ export default { navigator.clipboard.writeText( '```\n' + (window as DevOverlayMetadata).__astro_dev_overlay__.debugInfo + '\n```' ); - copyDebugButton.textContent = 'Copied to clipboard'; + copyDebugButton.textContent = 'Copied to clipboard!'; + + setTimeout(() => { + resetDebugButton(); + }, 3500); }); canvas.append(windowComponent); @@ -372,7 +376,7 @@ export default { const copyDebugButton = canvas.querySelector('#copy-debug-button'); if (!copyDebugButton) return; - copyDebugButton.innerHTML = 'Get debug info '; + copyDebugButton.innerHTML = 'Copy debug info '; } function refreshIntegrationList() {