feat(graph): 战斗节点显示战斗描述(类型+敌我)
战斗节点原本只显示胜/败两个出口、看不出打谁。现在在胜/败行上方加一行 '击倒/死斗 · [我方 vs] 敌方角色名'。描述使内容变高,故 .kind-fight .outputs 用 align-self:stretch + justify-content:flex-end 把胜/败两个黄点压到底部两行, 维持端口与出口行逐行对齐。
This commit is contained in:
@ -130,6 +130,10 @@ button.mini { padding:2px 8px; font-size:12px; }
|
||||
.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; }
|
||||
/* 战斗节点:出口行(胜/败)上方加一行战斗描述;描述使内容变高,故让两个出口黄点贴底部两行 */
|
||||
.drawflow-node .fdesc { font-size:11.5px; color:#e6b8a0; text-align:center; margin-bottom:4px;
|
||||
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
||||
#drawflow .kind-fight .outputs { align-self:stretch; justify-content:flex-end; }
|
||||
|
||||
/* ---- toast ---- */
|
||||
#toast { position:fixed; left:50%; bottom:38px; transform:translateX(-50%) translateY(10px);
|
||||
|
||||
Reference in New Issue
Block a user