bia/story-edit-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(graph): 战斗节点改左右两栏，利用左侧空间

Browse Source 
原描述挤在顶部一行被截断、左下大块留白。改为两栏：左栏战斗描述占满左侧、
可换行、垂直居中；右栏胜/败出口行。.fbody align-items:flex-end + 出口列
justify-content:flex-end 保持黄点与胜/败行对齐。
This commit is contained in:
邓雨鹏
2026-06-09 11:17:31 +08:00
parent f2ebbbd87a
commit 0f42fa13f1
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/static/style.css
View File

@ -130,9 +130,12 @@ 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-node .fbody { display:flex; align-items:flex-end; gap:10px; }
.drawflow-node .fbody .fdesc { flex:1; min-width:0; align-self:center; font-size:12px;
color:#e6b8a0; line-height:1.45; text-align:left; word-break:break-all; }
.drawflow-node .fbody .ch-opts { flex:none; }
/* 描述使内容变高，故让胜/败两个黄点贴底部两行，与右栏出口行逐行对齐 */
#drawflow .kind-fight .outputs { align-self:stretch; justify-content:flex-end; }
/* ---- toast ---- */