fix invisible copy button in code blocks (#770)

shuding · Sep 1, 2022 · 8dab966 · 8dab966
1 parent fdfe4f8
commit 8dab966
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/.changeset/fifty-rocks-shake.md 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
@@ -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;
-}