Style copy-code button

iamgio · Oct 17, 2024 · 8680bf3 · 8680bf3
1 parent 7ef1ce8
commit 8680bf3
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/core/src/main/resources/render/theme/global.css b/core/src/main/resources/render/theme/global.css
@@ -282,8 +282,19 @@ pre, pre code {
 
 /* Code block copy button */
 
+.hljs-copy-container.hljs-copy-container {
+    --hljs-theme-padding: 16px !important;
+    transform: none;
+    opacity: 0;
+    transition: opacity 300ms ease;
+}
+
+.hljs-copy-wrapper:hover .hljs-copy-container {
+    opacity: .8;
+}
+
 .hljs-copy-button {
-    opacity: .75;
+    cursor: pointer;
 }
 
 /* Code block line numbers. */