salvacybersec/feynman
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix docs copy button: run init immediately, add astro-code styles, visible by default

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Advait Paliwal
2026-03-24 16:17:56 -07:00
parent b07b0f4197
commit 42cedd3137
2 changed files with 38 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/pages/docs/[...slug].astro
View File

@@ -147,7 +147,7 @@ const sections = [
}); });
}); });
} }
document.addEventListener('DOMContentLoaded', init); init();
document.addEventListener('astro:after-swap', init); document.addEventListener('astro:after-swap', init);
})(); })();
</script> </script>

38
website/src/styles/global.css
View File

@@ -184,6 +184,7 @@
border-radius: 0.5rem; border-radius: 0.5rem;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
overflow-x: auto; overflow-x: auto;
overflow-y: visible;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace; font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
font-size: 0.875rem; font-size: 0.875rem;
@@ -192,6 +193,12 @@
color: var(--card-foreground); color: var(--card-foreground);
} }
.prose .astro-code {
position: relative !important;
background-color: var(--card) !important;
color: var(--card-foreground) !important;
}
.prose pre code { .prose pre code {
background: none !important; background: none !important;
border: none; border: none;
@@ -214,7 +221,7 @@
border-radius: 0.25rem; border-radius: 0.25rem;
color: var(--muted-foreground); color: var(--muted-foreground);
background: var(--background); background: var(--background);
opacity: 0; opacity: 0.6;
transition: opacity 0.15s, color 0.15s; transition: opacity 0.15s, color 0.15s;
cursor: pointer; cursor: pointer;
pointer-events: auto; pointer-events: auto;
@@ -224,6 +231,35 @@
opacity: 1; opacity: 1;
} }
.prose .astro-code .copy-code {
position: absolute;
top: 0.75rem;
right: 0.75rem;
z-index: 10;
display: grid;
place-items: center;
width: 28px;
height: 28px;
padding: 0;
margin: 0;
border: 1px solid var(--border);
border-radius: 0.25rem;
color: var(--muted-foreground);
background: var(--background);
opacity: 0.6;
transition: opacity 0.15s, color 0.15s;
cursor: pointer;
pointer-events: auto;
}
.prose .astro-code:hover .copy-code {
opacity: 1;
}
.prose .astro-code .copy-code:hover {
color: var(--primary);
}
.prose pre .copy-code:hover { .prose pre .copy-code:hover {
color: var(--primary); color: var(--primary);
} }