fix(V0.2): 拖动浮层残留蓝色背景 —— 类名与遗留 .drag-ghost 规则冲突
Docker Build and Push / build-image (push) Successful in 1m3s
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:
@@ -703,7 +703,11 @@ body.me-safe-top .app-safe-top { height: 0; }
|
|||||||
.drag-ghost {
|
.drag-ghost {
|
||||||
position: fixed; left: 0; top: 0; z-index: 1000;
|
position: fixed; left: 0; top: 0; z-index: 1000;
|
||||||
pointer-events: none; will-change: transform;
|
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 > * {
|
.drag-ghost > * {
|
||||||
margin: 0 !important; pointer-events: none;
|
margin: 0 !important; pointer-events: none;
|
||||||
opacity: .82; border-radius: 9px;
|
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;
|
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;
|
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), 否则与系统工具栏重合 */
|
/* fixed 覆盖层要自己让出顶部状态栏 (复用 main.jsx 校准的 --safe-top), 否则与系统工具栏重合 */
|
||||||
|
|||||||
Reference in New Issue
Block a user