Fix copy button: remove overflow:hidden clipping on highlight divs

Author: OpenClaw Sync

assets/css/main.css

@@ -476,9 +476,10 @@ pre:hover .copy-btn {
 
 /* Highlight wrapper from Rouge */
 .post-content div.highlight {
+  position: relative;
   margin: 1.25rem 0;
   border-radius: var(--radius);
-  overflow: hidden;
+  overflow: visible;
 }
 
 .post-content div.highlight pre {

assets/js/main.js

@@ -1,11 +1,12 @@
 // Code block copy button
 document.addEventListener('DOMContentLoaded', () => {
-  document.querySelectorAll('.post-content .highlight, .post-content pre').forEach(el => {
+  document.querySelectorAll('.post-content .highlight, .post-content > pre').forEach(el => {
     // Avoid duplicates: if this pre is inside a .highlight we already processed, skip
     if (el.tagName === 'PRE' && el.closest('.highlight')) return;
 
     const container = el;
     container.style.position = 'relative';
+    container.style.overflow = 'visible';
 
     const btn = document.createElement('button');
     btn.className = 'copy-btn';