优化任务列表表格 UI:收敛列信息并修复 Tag 撑满底色
- 拆分渠道与卡点职责,卡点文案运营化 - 状态列收敛为主状态 + 三层 Tooltip - 操作列仅展示可用动作,异常行浅红高亮 - 修复 cell-stack grid 下 Tag 被横向拉满的样式问题
This commit is contained in:
@@ -354,7 +354,47 @@ select {
|
||||
}
|
||||
|
||||
.task-list-blocker-detail {
|
||||
max-width: 240px;
|
||||
max-width: 220px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.task-list-blocker-tag,
|
||||
.task-list-executor-tag {
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
margin-inline-end: 0 !important;
|
||||
justify-self: start;
|
||||
line-height: 18px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.task-list-status-main {
|
||||
display: inline-flex;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.task-list-status-tooltip {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.task-list-status-tooltip-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.task-list-status-tooltip-row > span:first-child {
|
||||
min-width: 2em;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
.task-list-row-error > td {
|
||||
background: #fff7f7 !important;
|
||||
}
|
||||
|
||||
.task-list-row-error:hover > td {
|
||||
background: #ffefef !important;
|
||||
}
|
||||
|
||||
.fulfillment-overview-grid {
|
||||
|
||||
Reference in New Issue
Block a user