diff --git a/.changeset/fifty-rocks-shake.md b/.changeset/fifty-rocks-shake.md new file mode 100644 index 0000000000..70596d35f5 --- /dev/null +++ b/.changeset/fifty-rocks-shake.md @@ -0,0 +1,6 @@ +--- +'nextra': patch +'nextra-theme-blog': patch +--- + +fix invisible copy button in code blocks diff --git a/packages/nextra/styles/code-block.css b/packages/nextra/styles/code-block.css index 142014db50..e86550ef64 100644 --- a/packages/nextra/styles/code-block.css +++ b/packages/nextra/styles/code-block.css @@ -47,7 +47,7 @@ pre { [data-rehype-pretty-code-fragment] { @apply relative; - &:hover > .nextra-copy-button { + &:hover .nextra-copy-button { @apply opacity-100; } } @@ -59,7 +59,3 @@ pre { @apply backdrop-blur-md bg-opacity-[.85] dark:bg-opacity-80; } } - -.nextra-copy-button { - @apply border border-black/5 dark:border-white/10; -}