code block copy button is always visible

hover-revealed means most people never find it, and touch has no hover at all. 70% white on the dark block, brightening on hover; the pre reserves right padding so a long first line scrolls up to the button instead of under it. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-07 01:35:50 +00:00
parent 6a682fae98
commit f283ebcba3
3 changed files with 12 additions and 6 deletions
@@ -138,6 +138,8 @@

 .chat-md .chat-code pre {
  margin: 0;
+  /* Room for the copy button, so a long first line scrolls up to it rather than under it. */
+  padding-right: 2.75em;
 }

 .chat-md pre {