fix(V0.2): 拖动浮层残留蓝色背景 —— 类名与遗留 .drag-ghost 规则冲突
Docker Build and Push / build-image (push) Successful in 1m3s

globals.css 里有一条无人使用的旧 .drag-ghost 规则 (蓝色气泡,
max-width 180px, 看板早期方案遗留), 排在新增规则之后同特异性胜出,
克隆卡片容器被套上蓝色背景并被压缩到 180px 宽, 即真机上手下面的
蓝色 div。删除遗留规则; 新规则显式清零背景/内边距并禁用
tap-highlight/user-select (克隆脱离 .mv-view/.task-content 祖先后
需自带防选中)。CDP 实测拖动中容器背景已透明、宽度正常。
This commit is contained in:
jif2.zhang
2026-10-25 02:28:09 +08:00
parent 1673cbdb7d
commit 2fa41c774b
+4 -5
View File
@@ -703,7 +703,11 @@ body.me-safe-top .app-safe-top { height: 0; }
.drag-ghost {
position: fixed; left: 0; top: 0; z-index: 1000;
pointer-events: none; will-change: transform;
background: transparent; padding: 0; margin: 0; max-width: none; border-radius: 0;
-webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.drag-ghost * { -webkit-tap-highlight-color: transparent; }
.drag-ghost > * {
margin: 0 !important; pointer-events: none;
opacity: .82; border-radius: 9px;
@@ -1064,11 +1068,6 @@ body.me-safe-top .app-safe-top { height: 0; }
background: rgba(255,255,255,.6); border: 1px dashed #d5dae1; border-radius: 8px;
padding: 8px; text-align: center; font-size: 11.5px; color: #b8bcc4; cursor: pointer; flex-shrink: 0;
}
.drag-ghost {
position: fixed; z-index: 999; transform: translate(-50%, -50%); pointer-events: none;
background: rgba(22,119,255,.92); color: #fff; font-size: 12px; padding: 6px 10px;
border-radius: 8px; max-width: 180px; box-shadow: 0 8px 18px rgba(15,23,42,.25);
}
/* ---- 列设置 / 成员页 ---- */
/* fixed 覆盖层要自己让出顶部状态栏 (复用 main.jsx 校准的 --safe-top), 否则与系统工具栏重合 */