From 81629b7d7de9c0f598e9aca91e20d3440e85b7ce Mon Sep 17 00:00:00 2001 From: yibo Date: Wed, 19 Aug 2026 23:48:16 +0800 Subject: [PATCH] fix(console): org graph 那栏从死宽 320px 改成有下限、按比例分空间 --- web/src/views/GraphConsole.vue | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/web/src/views/GraphConsole.vue b/web/src/views/GraphConsole.vue index 6cbb263..414d19c 100644 --- a/web/src/views/GraphConsole.vue +++ b/web/src/views/GraphConsole.vue @@ -617,7 +617,13 @@ function fmt(n) { return n == null ? '∞' : Number(n).toLocaleString(); } /* 四栏（§七.1）。每一栏都显式指定 grid-column：抽屉态下最左栏是 absolute（脱离流）， 靠自动放置的话剩下三栏会整体左移一格、挤进那条 44px 的轨道里 */ -.cols { position:relative; flex:1; display:grid; grid-template-columns:280px 320px minmax(0, 1fr) 360px; min-height:0; } +/* org graph 那栏原来是死的 320px，减去 padding 只剩 292px 可用 —— 而两个节点加一条边就要 + 380px+，实际效果是节点名被从中间切断（`org-cod…`）、必须横向滚才看得全，而它是**全局导航**。 + 同一时刻中间那栏（work graph）拿着 600px 却经常是空的（选中的 task 还没跑过 work graph）。 + 改成「有下限、按比例分剩余空间」：org graph 保底 380px，两张画布按 0.9 : 1.1 分空间， + 屏幕越宽两边一起长。work graph 仍拿多数，因为它才是下钻后的主画布。 */ +.cols { position:relative; flex:1; display:grid; + grid-template-columns:280px minmax(380px, 0.9fr) minmax(0, 1.1fr) 360px; min-height:0; } .cols > .goals { grid-column:1; } .cols > .left { grid-column:2; } .cols > .mid { grid-column:3; } @@ -628,7 +634,7 @@ function fmt(n) { return n == null ? '∞' : Number(n).toLocaleString(); } .right { border-left:1px solid #eee; } /* ≤1400px：最左栏收成 44px 图标条（org graph 那栏最不能压，它是全局导航） */ -.cols.rail { grid-template-columns:44px 320px minmax(0, 1fr) 360px; } +.cols.rail { grid-template-columns:44px minmax(380px, 0.9fr) minmax(0, 1.1fr) 360px; } .goals.rail { padding:8px 4px; overflow:hidden; } .goals.drawer-open { position:absolute; left:0; top:0; bottom:0; width:280px; z-index:30; -- libgit2 0.21.4