diff --git a/src/components/task/TaskCard.jsx b/src/components/task/TaskCard.jsx index c7ed88a..d07211b 100644 --- a/src/components/task/TaskCard.jsx +++ b/src/components/task/TaskCard.jsx @@ -20,8 +20,8 @@ export default function TaskCard({ onClick={onClick} {...(bindDrag ? bindDrag(task) : {})} > -
- {task.title} + {/* 左侧竖排: 状态点 + ⋯ */} +
{ e.stopPropagation(); onToggle?.(task) }} @@ -30,15 +30,6 @@ export default function TaskCard({ > -
- -
- - {task.assignee?.name || '未指派'} - - {task.members?.length > 0 && ( - + {task.members.map((m) => m.name).join('、')} - )} {onMore && ( - {shown.map((c) => ( -
{ e.stopPropagation(); onToggleSub?.(c) }} - onPointerDown={(e) => e.stopPropagation()} - > - - {c.title} - +
+
+ {task.title}
- ))} - {rest > 0 &&
+{rest} 个子任务
} + +
+ + {task.assignee?.name || '未指派'} + + {task.members?.length > 0 && ( + + {task.members.map((m) => m.name).join('、')} + )} +
+ + {shown.map((c) => ( +
{ e.stopPropagation(); onToggleSub?.(c) }} + onPointerDown={(e) => e.stopPropagation()} + > + + {c.title} + +
+ ))} + {rest > 0 &&
+{rest} 个子任务
} +
) } diff --git a/src/components/task/TaskRow.jsx b/src/components/task/TaskRow.jsx index 03a9b86..d5f6782 100644 --- a/src/components/task/TaskRow.jsx +++ b/src/components/task/TaskRow.jsx @@ -51,15 +51,15 @@ export default function TaskRow({
{statusLabel(task.status)} - - {task.assignee?.name || '未指派'} - {task.members?.length > 0 && ( + {task.members.map((m) => m.name).join('、')} )}
+ + {task.assignee?.name || '未指派'} + { e.stopPropagation(); onMore?.(task) }} diff --git a/src/styles/globals.css b/src/styles/globals.css index b770caa..de3918e 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -682,8 +682,8 @@ body.me-safe-top .app-safe-top { height: 0; } 指针流不会被滚动抢占取消, 是 Android WebView 上唯一可靠的拖动入口 */ .grip { touch-action: none; -webkit-user-select: none; user-select: none; - color: #c2c7cf; font-size: 12px; line-height: 1; - padding: 10px 3px; margin: -6px 0; min-width: 20px; min-height: 28px; + color: #c2c7cf; font-size: 10px; line-height: 1; + padding: 10px 1px; margin: -6px -2px; min-width: 8px; min-height: 26px; display: inline-flex; align-items: center; justify-content: center; cursor: grab; flex-shrink: 0; align-self: center; } @@ -1002,7 +1002,9 @@ body.me-safe-top .app-safe-top { height: 0; } .task-meta .assignee { font-size: 12px; font-weight: 600; color: var(--color-text); } .task-meta .assignee.none { color: #b8bcc4; font-weight: 400; } .task-meta .members { font-size: 10.5px; color: #a7adb6; } -.task-right { display: flex; align-items: center; flex-shrink: 0; } +.task-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } +.task-right .assignee { font-size: 12px; font-weight: 600; color: var(--color-text); } +.task-right .assignee.none { color: #b8bcc4; font-weight: 400; } .more { color: #c2c7cf; font-size: 16px; line-height: 1; padding: 0 2px; cursor: pointer; } .sub-row { display: flex; align-items: flex-start; gap: 8px; background: #fff; border-radius: 8px; @@ -1045,12 +1047,16 @@ body.me-safe-top .app-safe-top { height: 0; } .bcard { background: #fff; border-radius: 8px; padding: 9px 10px; box-shadow: 0 1px 2px rgba(0,0,0,.05); cursor: pointer; flex-shrink: 0; + display: flex; gap: 7px; align-items: flex-start; } +/* 左侧竖排操作列: 状态点 + ⋯ */ +.bcard-left { display: flex; flex-direction: column; align-items: center; gap: 7px; flex-shrink: 0; padding-top: 1px; } +.bcard-body { flex: 1; min-width: 0; } .bcard.hl { outline: 2px solid var(--color-primary); outline-offset: 1px; } .brow1 { display: flex; align-items: flex-start; gap: 6px; } .btitle { flex: 1; font-size: 12.5px; font-weight: 600; line-height: 1.45; word-break: break-word; } .bstat { display: flex; align-items: center; padding: 2px; cursor: pointer; } -.bmeta { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 10.5px; } +.bmeta { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 6px; font-size: 10.5px; } .bassignee { font-size: 11px; font-weight: 600; color: #4a5160; } .bassignee.none { color: #b8bcc4; font-weight: 400; } .bmembers { font-size: 10px; color: #a7adb6; } @@ -1202,7 +1208,8 @@ textarea.inp { resize: vertical; } .seg div.on { background: #fff; color: var(--color-text); font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.06); } /* ---- 看板卡片 ⋯ 菜单入口 ---- */ -.bmore-btn { margin-left: auto; color: #c2c7cf; font-size: 14px; line-height: 1; padding: 2px 4px; cursor: pointer; } +.bmore-btn { color: #c2c7cf; font-size: 14px; line-height: 1; padding: 2px 4px; cursor: pointer; } +.bcard-left .bmore-btn { padding: 0 4px; } /* ---- ActionSheet 标题 (任务 ⋯ 菜单) ---- */ .as-extra { padding: 4px 0 8px; }