From dc052f44470ab7fcd85bc3e97a90224b55dad1ad Mon Sep 17 00:00:00 2001 From: Matt Toohey Date: Thu, 16 Apr 2026 10:27:26 +1000 Subject: [PATCH] fix: remove double border on content in chat (#8545) Signed-off-by: Matt Toohey Co-authored-by: Claude Opus 4.6 (1M context) --- ui/goose2/src/shared/styles/globals.css | 28 +++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/ui/goose2/src/shared/styles/globals.css b/ui/goose2/src/shared/styles/globals.css index a96a52e1d1..9f7216a223 100644 --- a/ui/goose2/src/shared/styles/globals.css +++ b/ui/goose2/src/shared/styles/globals.css @@ -753,6 +753,34 @@ body, } } +[data-streamdown="table-wrapper"], +[data-streamdown="code-block"], +[data-streamdown="mermaid-block"] { + border: none; +} + +/* Doubled attribute selector bumps specificity above Tailwind's `flex` class + (0,2,0 vs 0,1,0) so grid wins regardless of source order. */ +[data-streamdown="code-block"][data-streamdown] { + display: grid; + grid-template-columns: 1fr auto; +} + +[data-streamdown="code-block"] > [data-streamdown="code-block-header"] { + grid-column: 1; +} + +[data-streamdown="code-block"] + > [data-streamdown="code-block-header"] + + div:has([data-streamdown="code-block-actions"]) { + grid-column: 2; + margin-top: 0; +} + +[data-streamdown="code-block"] > :last-child { + grid-column: 1 / -1; +} + /* ═══════════════════════════════════════════════════════════ goose2 custom utilities ═══════════════════════════════════════════════════════════ */