Add fixed side column and flexible center behavior to tool shell - PR_26152_056-tool-shell-flex-center-layout

ToolboxAid · ToolboxAid · commit 1f2ac0ed9d9b · 2026-06-01T22:39:10.000-04:00
diff --git a/GameFoundryStudio/assets/css/gamefoundrystudio.css b/GameFoundryStudio/assets/css/gamefoundrystudio.css
@@ -672,22 +672,22 @@ details.vertical-accordion[open] summary:active:after {
 
 .tool-workspace {
   display: grid;
-  grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.25fr) minmax(230px, .8fr);
+  grid-template-columns: 280px minmax(0, 1fr) 280px;
   grid-template-rows: auto minmax(0, 1fr);
   gap: 18px;
   align-items: start
 }
 
 .tool-workspace.is-left-collapsed {
-  grid-template-columns: 56px minmax(320px, 1fr) minmax(230px, .8fr)
+  grid-template-columns: 56px minmax(0, 1fr) 280px
 }
 
 .tool-workspace.is-right-collapsed {
-  grid-template-columns: minmax(230px, .8fr) minmax(320px, 1fr) 56px
+  grid-template-columns: 280px minmax(0, 1fr) 56px
 }
 
 .tool-workspace.is-left-collapsed.is-right-collapsed {
-  grid-template-columns: 56px minmax(320px, 1fr) 56px
+  grid-template-columns: 56px minmax(0, 1fr) 56px
 }
 
 .tool-column {

Original file line number	Diff line number	Diff line change
`@@ -672,22 +672,22 @@ details.vertical-accordion[open] summary:active:after {`
`672`	`672`
`673`	`673`	`.tool-workspace {`
`674`	`674`	`display: grid;`
`675`		`- grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.25fr) minmax(230px, .8fr);`
	`675`	`+ grid-template-columns: 280px minmax(0, 1fr) 280px;`
`676`	`676`	`grid-template-rows: auto minmax(0, 1fr);`
`677`	`677`	`gap: 18px;`
`678`	`678`	`align-items: start`
`679`	`679`	`}`
`680`	`680`
`681`	`681`	`.tool-workspace.is-left-collapsed {`
`682`		`- grid-template-columns: 56px minmax(320px, 1fr) minmax(230px, .8fr)`
	`682`	`+ grid-template-columns: 56px minmax(0, 1fr) 280px`
`683`	`683`	`}`
`684`	`684`
`685`	`685`	`.tool-workspace.is-right-collapsed {`
`686`		`- grid-template-columns: minmax(230px, .8fr) minmax(320px, 1fr) 56px`
	`686`	`+ grid-template-columns: 280px minmax(0, 1fr) 56px`
`687`	`687`	`}`
`688`	`688`
`689`	`689`	`.tool-workspace.is-left-collapsed.is-right-collapsed {`
`690`		`- grid-template-columns: 56px minmax(320px, 1fr) 56px`
	`690`	`+ grid-template-columns: 56px minmax(0, 1fr) 56px`
`691`	`691`	`}`
`692`	`692`
`693`	`693`	`.tool-column {`