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
341}341}
342 342
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}
347 348
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}
351 353
352.chat-markdown .chat-markdown-copy-button {354.chat-markdown .chat-markdown-copy-button {
@@ -363,6 +365,7 @@ label:has(> select#reasoning-effort) select { · 10 unmodified lines
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: