节点视觉重构 + 右栏选项折叠 + 撤销按钮/快捷键
- kind 名做成顶边框标牌(legend,边框在文字处断开) - 去掉「开头」字(仅绿框)、去掉选择标题的项数 - 多出口节点每出口一行严格对齐右侧黄点 - 开头节点改为视口垂直居中(左侧) - 选择节点右栏选项改为可折叠,点开编辑单个 - 撤销/重做按钮(不可用时灰)+ R自动整理 + Enter加后继
This commit is contained in:
@ -43,6 +43,7 @@ button.mini { padding:2px 8px; font-size:12px; }
|
||||
#graph-tools { flex:none; display:flex; align-items:center; gap:8px; padding:6px 10px;
|
||||
background:#19150f; border-bottom:1px solid #3a322a; }
|
||||
#graph-tools .tip { font-size:11.5px; color:#7a7264; }
|
||||
#graph-tools .gsep { width:1px; height:16px; background:#3a322a; margin:0 3px; }
|
||||
#drawflow { position:relative; flex:1; min-height:0; background:#161310;
|
||||
background-image:radial-gradient(#2a2419 1.1px, transparent 1.1px);
|
||||
background-size:22px 22px; }
|
||||
@ -91,21 +92,24 @@ button.mini { padding:2px 8px; font-size:12px; }
|
||||
#drawflow .drawflow-node:hover { border-color:#e6c878; }
|
||||
#drawflow .drawflow-node.selected { border-color:#e6c878; box-shadow:0 0 0 2px rgba(230,200,120,.45); }
|
||||
#drawflow .drawflow_content_node { width:100%; }
|
||||
.drawflow-node .nid { font-size:10px; color:#6a6256; }
|
||||
.drawflow-node .k { font-size:11px; color:#b89a5a; font-weight:bold; }
|
||||
.drawflow-node .t { font-size:12.5px; margin-top:2px; line-height:1.35; color:#ddd3c2; word-break:break-all; }
|
||||
.drawflow-node .outs { margin-top:5px; display:flex; flex-direction:column; gap:2px; }
|
||||
.drawflow-node .outs span { font-size:10.5px; color:#9ec0f0; }
|
||||
/* 顶边框标牌(legend:边框在文字处断开) */
|
||||
#drawflow .drawflow_content_node { position:relative; }
|
||||
.drawflow-node .nlabel { position:absolute; top:-18px; left:50%; transform:translateX(-50%);
|
||||
background:#161310; padding:0 7px; font-size:11.5px; font-weight:bold; white-space:nowrap; color:#b89a5a; }
|
||||
.drawflow-node .nbody { padding-top:3px; }
|
||||
.drawflow-node .who { font-size:11px; color:#b89a5a; margin-bottom:2px; }
|
||||
.drawflow-node .t { font-size:12.5px; line-height:1.35; color:#ddd3c2; word-break:break-all; }
|
||||
.drawflow-node .rw { font-size:11px; color:#c9a86a; margin-top:4px;
|
||||
border-top:1px dashed #6a5630; padding-top:4px; }
|
||||
#drawflow .kind-ending { background:#3a2a17; border-color:#e0a850; }
|
||||
#drawflow .kind-ending .k { color:#f2c463; }
|
||||
#drawflow .kind-ending .nlabel { color:#f2c463; }
|
||||
#drawflow .kind-fight { border-color:#7a4a4a; background:#2a1c1c; }
|
||||
#drawflow .kind-fight .k { color:#d87878; }
|
||||
#drawflow .kind-fight .nlabel { color:#d87878; }
|
||||
#drawflow .kind-out_ref { border-style:dashed; border-color:#7a7ad8; background:#1d1d2a; }
|
||||
#drawflow .kind-out_ref .k { color:#9e9ef0; }
|
||||
#drawflow .kind-out_ref .nlabel { color:#9e9ef0; }
|
||||
#drawflow .kind-choice, #drawflow .kind-choice_once { background:#1d2840; border-color:#3a527a; }
|
||||
#drawflow .kind-choice .k, #drawflow .kind-choice_once .k { color:#9ec0f0; }
|
||||
#drawflow .kind-choice .nlabel, #drawflow .kind-choice_once .nlabel { color:#9ec0f0; }
|
||||
#drawflow .kind-random .nlabel { color:#c0a0e0; }
|
||||
/* 端口圆点 */
|
||||
#drawflow .drawflow-node .input, #drawflow .drawflow-node .output {
|
||||
background:#e6c878; border:2px solid #161310; width:15px; height:15px; }
|
||||
@ -117,18 +121,8 @@ button.mini { padding:2px 8px; font-size:12px; }
|
||||
#drawflow .drawflow-node.isstart { border-color:#7ad88a; }
|
||||
.drawflow-node .startflag { color:#7ad88a; font-weight:bold; }
|
||||
|
||||
/* 多出口节点:每出口一行,与右侧端口(间距25px、垂直居中)平齐 */
|
||||
#drawflow .kind-choice .drawflow_content_node,
|
||||
#drawflow .kind-choice_once .drawflow_content_node,
|
||||
#drawflow .kind-random .drawflow_content_node,
|
||||
#drawflow .kind-fight .drawflow_content_node { position:relative; }
|
||||
.ch-tag { position:absolute; top:-14px; left:0; right:0; font-size:11px; font-weight:bold;
|
||||
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
||||
.ch-tag .nid { color:#6a6256; font-weight:normal; }
|
||||
#drawflow .kind-choice .ch-tag, #drawflow .kind-choice_once .ch-tag { color:#9ec0f0; }
|
||||
#drawflow .kind-fight .ch-tag { color:#d87878; }
|
||||
#drawflow .kind-random .ch-tag { color:#c0a0e0; }
|
||||
.ch-opts { margin-top:2px; } /* 微调对齐端口 top:2px */
|
||||
/* 多出口节点:每出口一行(唯一流内容→垂直居中→与居中黄点逐行平齐);top:2px 对齐端口偏移 */
|
||||
.ch-opts { position:relative; top:2px; }
|
||||
.ch-opt { height:25px; line-height:25px; text-align:right; font-size:12px; color:#dfe7f2;
|
||||
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:3px; }
|
||||
|
||||
@ -159,6 +153,11 @@ button.mini { padding:2px 8px; font-size:12px; }
|
||||
padding:3px 8px; border-radius:11px; cursor:pointer; }
|
||||
.tag-pick input { margin-right:4px; }
|
||||
.node-id { color:#7a7264; font-size:11px; }
|
||||
.optdet { border:1px solid #3a322a; border-radius:6px; margin:6px 0; background:#19150f; }
|
||||
.optdet > summary { cursor:pointer; padding:7px 10px; font-size:12.5px; color:#cdbf9a; user-select:none;
|
||||
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
||||
.optdet[open] > summary { border-bottom:1px solid #3a322a; color:#e6c878; margin-bottom:4px; }
|
||||
.optbody { padding:0 10px 8px; }
|
||||
|
||||
/* ---- overlays / modals ---- */
|
||||
.overlay { position:fixed; inset:0; background:rgba(0,0,0,.72); z-index:100;
|
||||
|
||||
Reference in New Issue
Block a user