From 11c0b0b18d478f4fbae2c6c307c9d5dd32ecfb9c Mon Sep 17 00:00:00 2001 From: AstroHan Date: Fri, 28 Aug 2026 21:23:04 +0800 Subject: [PATCH] fix(ui): drop the reasoning body's left rail, restore upstream geometry MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit #2645 gave the expanded 深度思考 body a 2px link-tinted inset border plus its own margin and padding. The saturated rail visually outweighed the muted secondary text it framed, and a rail is not the upstream Astryx design: the ejected ChatReasoning atoms already own the body's reading geometry (secondary color, 8px top padding, 22px inline-start indent) at ID-level specificity, so the product rule's padding-top and padding-inline-start never even applied. Restore the pre-#2645 rule — pre-wrap and word-break only — and let the upstream atoms own the layout. No test or fixture pinned the inset; the chat-turn-answer-identity suite (which pins white-space: pre-wrap) passes. Generated-by: Maka --- packages/ui/src/styles.css | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/packages/ui/src/styles.css b/packages/ui/src/styles.css index a81bc4c876..3bfe551dfd 100644 --- a/packages/ui/src/styles.css +++ b/packages/ui/src/styles.css @@ -245,16 +245,12 @@ .maka-turn-truncation-badge { display: flex; width: fit-content; margin-top: 6px; cursor: help; } .maka-deep-thinking { min-width: 0; } /* Reasoning uses the same safe Markdown pipeline as answers, then lowers its - visual weight inside the disclosure. The inset rule makes a long derivation - scannable without turning it into a second answer bubble. */ -.maka-chat-reasoning-content { - margin-block-start: 4px; - margin-inline-start: 22px; - padding: 2px 0 4px 12px; - border-inline-start: 2px solid color-mix(in oklch, var(--link) 32%, var(--border)); - white-space: pre-wrap; - word-break: break-word; -} + visual weight inside the disclosure. Body layout stays with the upstream + Astryx atoms (secondary color, 22px inline-start indent, no rail): the + #2645 inset added a 2px link-tinted border that visually outweighed the + muted text it framed, and its padding-top/inline-start were dead code — + the ejected component's higher-specificity atoms already own both. */ +.maka-chat-reasoning-content { white-space: pre-wrap; word-break: break-word; } .maka-deep-thinking [data-maka-contract="markdown"] .astryx-markdown { color: var(--muted-foreground); font: var(--maka-text-body);