From c9c7bb441c867c594290b69728b05f2da470bd55 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sat, 23 Dec 2023 02:45:57 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BB=A3=E7=A0=81=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/client/styles/button.scss             | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/packages/plugin-copy-code/src/client/styles/button.scss b/packages/plugin-copy-code/src/client/styles/button.scss
index d7af36e12..5f8c1b132 100644
--- a/packages/plugin-copy-code/src/client/styles/button.scss
+++ b/packages/plugin-copy-code/src/client/styles/button.scss
@@ -11,16 +11,12 @@
   div[class*='language-'] & {
     position: absolute;
     right: 0;
-    top: 2rem;
+    top: 0.8rem;
     z-index: 99;
     opacity: 0;
     transition: opacity var(--t-color);
   }
 
-  div[class*='language-']:hover & {
-    opacity: 1;
-  }
-
   .icon-success {
     display: inline-block;
     width: 1.5rem;
@@ -29,6 +25,21 @@
   }
 }
 
+div[class*='language-'] {
+  &::before {
+    opacity: 1;
+    transition: opacity var(--t-color);
+  }
+
+  &:hover::before {
+    opacity: 0;
+  }
+
+  &:hover .copy-code-button {
+    opacity: 1;
+  }
+}
+
 .icon-copy {
   display: inline-block;
   width: 1.5rem;