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
-
+
@@ -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() {