perf(capsule): 删除无效的 translation 徽章 backdrop-filter (#676)
issue #470:该 backdrop-filter:blur(20px) 作用在浮于透明窗口之上的 translation 徽章 pill 上,背后只有透明窗口=桌面,而 webview 模糊不了窗口背后的桌面(Tauri 上游限制, 本文件上方 pill 已有同款注释)。故它不产生任何模糊效果、纯空耗一次合成。删除零视觉变化。 Co-authored-by: 吕柏青 <lubaiqing9@gmail.com>
This commit is contained in:
1 parent
ec6a03d016
commit
28ea5123b4
1 file changed
+2
-2
@@ -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',
|
||||
|
||||
Reference in new issue
Block a user