authorgravatar for barrydoyle18@gmail.comBarry Michael Doyle <barrydoyle18@gmail.com> 2026-04-13 18:59:22+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-04-13 09:59:22-07:00
log1bf048eb8b60463040c6a6982796231f3f2f1c19
treed1c7ad162a843716ad5635252982a89b758a14de
parentf7fa62aaf90d0bd191acf99b65889f0d20d6ce97
signature Signed by PGP key B5690EEEBB952194

fix: avoid copy button overlapping long code blocks (#1985)

1 files changed, 3 insertions(+), 0 deletions(-)

apps/web/src/index.css+3
...@@ -341,12 +341,14 @@ label:has(> select#reasoning-effort) select {...@@ -341,12 +341,14 @@ label:has(> select#reasoning-effort) select {
341}341}
342342
343.chat-markdown .chat-markdown-codeblock {343.chat-markdown .chat-markdown-codeblock {
344 --chat-markdown-codeblock-copy-button-space: 1.5rem;
344 position: relative;345 position: relative;
345 margin: 0.65rem 0;346 margin: 0.65rem 0;
346}347}
347348
348.chat-markdown .chat-markdown-codeblock pre {349.chat-markdown .chat-markdown-codeblock pre {
349 margin: 0;350 margin: 0;
351 padding-right: calc(0.9rem + var(--chat-markdown-codeblock-copy-button-space));
350}352}
351353
352.chat-markdown .chat-markdown-copy-button {354.chat-markdown .chat-markdown-copy-button {
...@@ -363,6 +365,7 @@ label:has(> select#reasoning-effort) select {...@@ -363,6 +365,7 @@ label:has(> select#reasoning-effort) select {
363 border: 1px solid var(--border);365 border: 1px solid var(--border);
364 background: color-mix(in srgb, var(--background) 82%, transparent);366 background: color-mix(in srgb, var(--background) 82%, transparent);
365 color: var(--muted-foreground);367 color: var(--muted-foreground);
368 cursor: pointer;
366 opacity: 0;369 opacity: 0;
367 pointer-events: none;370 pointer-events: none;
368 transition:371 transition: