History

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

Barry Michael Doyle committed 7 months ago

Commit 1bf048e1 parent f7fa62a1 file · +3 −0Browse files

Unified · Split

apps/web/src/index.css+3−0
@@ -341,12 +341,14 @@ label:has(> select#reasoning-effort) select { · 340 unmodified lines
341341 }
342342
343343 .chat-markdown .chat-markdown-codeblock {
344+ --chat-markdown-codeblock-copy-button-space: 1.5rem;
344345 position: relative;
345346 margin: 0.65rem 0;
346347 }
347348
348349 .chat-markdown .chat-markdown-codeblock pre {
349350 margin: 0;
351+ padding-right: calc(0.9rem + var(--chat-markdown-codeblock-copy-button-space));
350352 }
351353
352354 .chat-markdown .chat-markdown-copy-button {
@@ -363,6 +365,7 @@ label:has(> select#reasoning-effort) select { · 10 unmodified lines
363365 border: 1px solid var(--border);
364366 background: color-mix(in srgb, var(--background) 82%, transparent);
365367 color: var(--muted-foreground);
368+ cursor: pointer;
366369 opacity: 0;
367370 pointer-events: none;
368371 transition: