Make copyButton appear when hovering codeTitle

facebook · Mar 16, 2020 · 0fa3637 · 0fa3637
1 parent f0b6998
commit 0fa3637
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css b/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
@@ -52,6 +52,7 @@
   top: calc(var(--ifm-pre-padding));
 }
 
+.codeBlockTitle:hover + .codeBlockContent .copyButton,
 .codeBlockContent:hover > .copyButton {
   visibility: visible;
   opacity: 1;

diff --git a/packages/docusaurus-theme-live-codeblock/src/theme/CodeBlock/styles.module.css b/packages/docusaurus-theme-live-codeblock/src/theme/CodeBlock/styles.module.css
@@ -52,6 +52,7 @@
   top: calc(var(--ifm-pre-padding));
 }
 
+.codeBlockTitle:hover + .codeBlockContent .copyButton,
 .codeBlockContent:hover > .copyButton {
   visibility: visible;
   opacity: 1;