节点属性平铺 —— 不分类,也不写数据契约声明
分类卡(身份与命名 / 数据接口 / 类型与责任 / 链接活动实现 / 出边)全撤: 节点本来只决定这么几件事,分成五张小卡反而把四五个字段摊成半屏。 现在是一列字段直排,字段间一条细线断句: 节点 ID(只读)· 名称 · 说明 · 节点类型 · 链接实现 · 出边条件(每条一格)。 「数据接口 · 声明」整节删掉 —— 数据契约**归活动自己**,编排面不复述它。 链好实现后只留一枚直达钮:「去活动库看 X 的契约」。 顺带清掉两条一直漏网的说教横幅(前一轮 ⓘ 清扫时因为文案里夹了 <b> 没匹配上): 「编排不带岗位 ——…」与「审批点是系统内置要素 ——…」。前者的意思已收进 「节点类型」那行的提示,后者本就是常识性交代,不必占一整块。 CSS 里 .g-props/.g-propcol/.g-eprops/.g-prop* 与 .g-dif* 两组样式随之退役, 换成一条 .g-nodeform。 五闸绿。 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m
This commit is contained in:
@@ -630,16 +630,13 @@
|
||||
/* 两面都齐:一枚小检验章,别再占一整张卡 */
|
||||
.g-okstamp { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 5px 11px; border: 1px solid rgba(46, 125, 79, .45); font: 600 10px/1 var(--sh-mono); letter-spacing: .08em; color: #2e7d4f; }
|
||||
|
||||
/* 属性小卡:三栏改版后右栏是**窄轨**(≈335),两列摊不开 —— 改单列竖排,
|
||||
顺序即阅读次序:身份 → 数据接口 → 类型与责任 → 装载 → 出边。长了在明细区自己滚。 */
|
||||
.g-nodecard .g-props { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
|
||||
.g-propcol { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
|
||||
.g-nodecard .g-props.g-eprops { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
|
||||
.g-nodecard .g-prop { border: 1px solid var(--sh-line); border-radius: 0; box-shadow: none; }
|
||||
.g-nodecard .g-prop-h { padding: 8px 12px; background: #fff; font: 600 9px/1.5 var(--sh-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--sh-steel); border-bottom: 1px solid var(--sh-line); }
|
||||
.g-nodecard .g-prop-h svg { color: var(--sh-steel); opacity: .6; }
|
||||
.g-nodecard .g-prop-h .x { font-size: 8.5px; font-weight: 600; letter-spacing: .04em; color: var(--sh-muted); text-align: right; }
|
||||
.g-nodecard .g-prop-b { padding: 11px 12px 13px; gap: 11px; }
|
||||
/* 节点属性**平铺**(2026-07-30):节点只决定几件事 —— 分类卡把四五个字段摊成半屏,
|
||||
撤掉;一列字段直排,字段之间一条细线断句就够。 */
|
||||
.g-nodeform { display: flex; flex-direction: column; gap: 0; }
|
||||
.g-nodeform > .g-field { padding: 11px 2px; border-bottom: 1px dashed var(--line-soft); }
|
||||
.g-nodeform > .g-field:last-child { border-bottom: 0; }
|
||||
.g-nodeform > .g-note { margin: 11px 0 0; }
|
||||
.g-nodeform > .g-btn { align-self: flex-start; margin-top: 11px; }
|
||||
|
||||
/* 字段 = 图签小格:微墨签(mono 大写)+ 纸上填线(输入只留底线,聚焦底线转钢蓝) */
|
||||
.g-nodecard .g-field { gap: 3px; }
|
||||
@@ -675,19 +672,6 @@
|
||||
.g-maprow > .g-btn { grid-column: 6; justify-self: stretch; padding: 4px 0; display: inline-flex; align-items: center; justify-content: center; }
|
||||
.g-maparr { color: var(--sh-steel, #46586a); font-weight: 700; text-align: center; }
|
||||
|
||||
/* ── 节点属性 · 数据接口:契约即管道 —— 输入字段(名/型/来源)+ 输出口 ── */
|
||||
.g-dif { display: flex; flex-direction: column; gap: 2px; }
|
||||
.g-dif + .g-dif { margin-top: 8px; }
|
||||
.g-dif > em { font: 600 9px/1.6 var(--mono); font-style: normal; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-4); padding-bottom: 3px; border-bottom: 1px solid var(--line-soft); }
|
||||
.g-dif-r { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; padding: 4px 0; border-bottom: 1px dashed var(--line-soft); font-size: 11.5px; }
|
||||
.g-dif-r:last-child { border-bottom: 0; }
|
||||
.g-dif-r .k { font-family: var(--mono); font-weight: 700; color: var(--ink); }
|
||||
.g-dif-r .k i { font-style: normal; font-family: var(--mono); font-size: 8.5px; font-weight: 600; letter-spacing: .06em; color: #8a5f1c; margin-left: 5px; padding: 1px 4px; border: 1px solid #e3d1a8; border-radius: 3px; }
|
||||
.g-dif-r .t { font-family: var(--mono); font-size: 10px; color: var(--ink-4); }
|
||||
.g-dif-r .s { margin-left: auto; font-size: 11px; color: var(--ink-3); }
|
||||
.g-dif-r .s.ask { color: #8a5f1c; }
|
||||
.g-dif-r .f { min-width: 0; font-family: var(--mono); font-size: 10.5px; color: var(--ink-3); overflow-wrap: anywhere; }
|
||||
|
||||
/* ── 运营中心 · 工作流 · 运行配置:一包一卡,里面两节(触发器 / 节点负责人)── */
|
||||
.g-runconf { display: flex; flex-direction: column; gap: 4px; padding: 10px 14px 12px; }
|
||||
.g-runconf + .g-runconf { border-top: 1px dashed var(--line-soft); }
|
||||
|
||||
Reference in New Issue
Block a user