From eb59a10a91d89fb822e1cff5b1b0ffb9e9bffa90 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=95=E6=9F=8F=E9=9D=92?= Date: Mon, 15 Jun 2026 21:53:34 +0800 Subject: [PATCH] =?UTF-8?q?perf(capsule):=20=E5=88=A0=E9=99=A4=E6=97=A0?= =?UTF-8?q?=E6=95=88=E7=9A=84=20translation=20=E5=BE=BD=E7=AB=A0=20backdro?= =?UTF-8?q?p-filter?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit issue #470:该 backdrop-filter:blur(20px) 作用在浮于透明窗口之上的 translation 徽章 pill 上,背后只有透明窗口=桌面,而 webview 模糊不了窗口背后的桌面(Tauri 上游限制, 本文件上方 pill 已有同款注释)。故它不产生任何模糊效果、纯空耗一次合成。删除零视觉变化。 --- openless-all/app/src/components/Capsule.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/openless-all/app/src/components/Capsule.tsx b/openless-all/app/src/components/Capsule.tsx index 6268b1bf..12e4d8c0 100644 --- a/openless-all/app/src/components/Capsule.tsx +++ b/openless-all/app/src/components/Capsule.tsx @@ -481,8 +481,8 @@ export function Capsule() { fontWeight: 600, color: 'var(--ol-blue)', background: 'var(--ol-capsule-badge-bg)', - backdropFilter: 'blur(20px) saturate(180%)', - WebkitBackdropFilter: 'blur(20px) saturate(180%)', + // issue #470:去掉无效的 backdrop-filter —— webview 模糊不了透明窗口背后的桌面 + // (Tauri 上游限制,同本文件上方 pill 注释),纯空耗合成,删除零视觉变化。 border: '0.5px solid var(--ol-capsule-badge-border)', boxShadow: '0 4px 12px -4px rgba(37, 99, 235, 0.25), 0 0 0 0.5px rgba(0,0,0,0.04)', letterSpacing: '0.02em',