From f93c94bb092ec80381dcbbabd10d1d8a93acf552 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E5=91=98=E9=98=BF=E6=B1=9F=28Relakkes?= =?UTF-8?q?=29?= Date: Fri, 29 May 2026 20:10:42 +0800 Subject: [PATCH] =?UTF-8?q?fix(desktop):=20inline=20open-with=20trigger=20?= =?UTF-8?q?=3D=20clear=20=E6=89=93=E5=BC=80=E6=96=B9=E5=BC=8F=20pill=20(bi?= =?UTF-8?q?gger=20hit=20target)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 真机验证发现正文里那个像素级小 ▾ 难以点中（富卡片的「打开方式」大按钮则一点就弹）。 改成带边框的「打开方式 ⌄」小药丸：更大的点击区 + 更可发现。事件委托不变（aria-label 保留）。 Co-Authored-By: Claude Opus 4.8 (1M context) --- desktop/src/components/chat/AssistantMessage.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/desktop/src/components/chat/AssistantMessage.tsx b/desktop/src/components/chat/AssistantMessage.tsx index 24b285f5..00e1bcc2 100644 --- a/desktop/src/components/chat/AssistantMessage.tsx +++ b/desktop/src/components/chat/AssistantMessage.tsx @@ -60,8 +60,9 @@ export const AssistantMessage = memo(function AssistantMessage({ content, isStre trigger.dataset.openWithHref = href trigger.setAttribute('aria-label', '打开方式') trigger.tabIndex = -1 - trigger.textContent = '▾' - trigger.style.cssText = 'margin-left:3px;padding:0 3px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;font-size:11px;line-height:1;vertical-align:middle' + trigger.textContent = '打开方式 ⌄' + // A clear, properly-sized pill (not a tiny bare caret): bigger hit target + discoverable. + trigger.style.cssText = 'display:inline-flex;align-items:center;margin:0 3px;padding:1px 8px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:11px;line-height:1.5;vertical-align:middle;white-space:nowrap' return trigger }