mock: 階層パネルを閉じたら、キャンバスが空いた幅を埋める(T-30 単位2)

閉じたときも3列の grid-template-columns のままで、キャンバスが1列目に詰まっていた。
閉じている間は2列(キャンバス・プロパティ欄)に切り替える。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NznQtmVPoQAnietqwr1auL
This commit is contained in:
2026-10-22 09:13:34 +09:00
co-authored by Claude Opus 5.5
parent e92708dc12
commit fe1b048ea4
2 changed files with 18 additions and 1 deletions
+4 -1
View File
@@ -302,7 +302,7 @@ function onFocus(_id: string) {
}
</script>
<template>
<section class="workspace" :class="{ locked: mismatch }">
<section class="workspace" :class="{ locked: mismatch, 'tree-closed': !treeOpen }">
<aside v-if="treeOpen" class="tree pane">
<PhyTree :nodes="project.phy.root" :selected="selected" @select="setSel" />
</aside>
@@ -475,6 +475,9 @@ function onFocus(_id: string) {
grid-template-columns: 260px minmax(300px, 1fr) 250px;
gap: 8px;
}
.workspace.tree-closed {
grid-template-columns: minmax(300px, 1fr) 250px;
}
.pane {
padding: 10px;
min-height: 0;