From b98059edcccdd09548e5ced2d68956e6194593ce Mon Sep 17 00:00:00 2001 From: xfy Date: Fri, 24 Jul 2026 18:31:45 +0800 Subject: [PATCH] =?UTF-8?q?fix(assets):=20=E5=BC=95=E7=94=A8=E5=BE=BD?= =?UTF-8?q?=E6=A0=87=E5=8A=A0=20z-10=20=E4=BF=AE=E5=A4=8D=E8=A2=AB=20blur-?= =?UTF-8?q?img=20=E5=B1=95=E7=A4=BA=E5=B1=82=E9=81=AE=E7=9B=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 灯箱改造（051ca94）把缩略图换成 .blur-img 双层结构后，.blur-img-full 自带 z-index:1，而徽标 span 是 z-index:auto，绘制序被图片压过， 导致「孤儿 / 被 N 篇引用」徽标在 DOM 中存在但不可见。 浏览器实测：修复前 elementsFromPoint 命中 blur-img-full， 修复后命中徽标本身，琥珀色孤儿药丸恢复显示。 --- src/pages/admin/assets.rs | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/pages/admin/assets.rs b/src/pages/admin/assets.rs index 6cd4628..850c3a6 100644 --- a/src/pages/admin/assets.rs +++ b/src/pages/admin/assets.rs @@ -318,10 +318,11 @@ pub fn Assets() -> Element { let placeholder = format!("/uploads/{}?w=20", a.path); let img_alt = a.alt.clone().unwrap_or_else(|| a.filename.clone()); let is_orphan = asset.ref_count == 0; + // z-10：.blur-img-full 带 z-index:1，不提升会被展示层盖住（灯箱改造的回归）。 let badge_class = if is_orphan { - "absolute top-2 left-2 text-[10px] font-mono px-2 py-0.5 rounded-full backdrop-blur-sm bg-amber-500/80 text-white" + "absolute top-2 left-2 z-10 text-[10px] font-mono px-2 py-0.5 rounded-full backdrop-blur-sm bg-amber-500/80 text-white" } else { - "absolute top-2 left-2 text-[10px] font-mono px-2 py-0.5 rounded-full backdrop-blur-sm bg-black/50 text-white" + "absolute top-2 left-2 z-10 text-[10px] font-mono px-2 py-0.5 rounded-full backdrop-blur-sm bg-black/50 text-white" }; rsx! { div {