Skip to content

Commit 1890540

Browse files
author
DavidQ
committed
`fix(physics-sandbox): match profiler-style full-height shell in normal mode
- apply same non-fullscreen fill pattern used by Performance Profiler - set physics sandbox container to viewport-based available height (`100dvh` calc) - enforce flex chain on page/body/container/shell so columns reach footer - keep left/center/right panels stretched with internal scroll areas - make body input and step output panes fill panel height with internal scrolling - preserve fullscreen behavior while aligning normal-mode layout parity`
1 parent 44bd202 commit 1890540

1 file changed

Lines changed: 54 additions & 0 deletions

File tree

src/engine/theme/tool-shell.css

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -129,6 +129,60 @@ body[data-tool-id="performance-profiler"].tool-shell-page #profileOutput {
129129
overflow: auto;
130130
}
131131

132+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell-container {
133+
flex: 1 1 auto;
134+
height: calc(100dvh - 120px);
135+
min-height: 0;
136+
display: flex;
137+
flex-direction: column;
138+
}
139+
140+
body[data-tool-id="physics-sandbox"].tool-shell-page {
141+
min-height: 100dvh;
142+
display: flex;
143+
flex-direction: column;
144+
}
145+
146+
body[data-tool-id="physics-sandbox"].tool-shell-page > .is-collapsible,
147+
body[data-tool-id="physics-sandbox"].tool-shell-page > [data-tools-platform-status] {
148+
flex: 0 0 auto;
149+
}
150+
151+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell-container {
152+
min-height: 420px;
153+
}
154+
155+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell {
156+
min-height: 0;
157+
max-height: none;
158+
height: 100%;
159+
flex: 1 1 auto;
160+
}
161+
162+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell__left,
163+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell__center,
164+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell__right {
165+
min-height: 0;
166+
}
167+
168+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell__left > .debug-tool-panel,
169+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell__center > .debug-tool-panel,
170+
body[data-tool-id="physics-sandbox"].tool-shell-page .tool-shell__right > .debug-tool-panel {
171+
min-height: 0;
172+
height: 100%;
173+
display: flex;
174+
flex-direction: column;
175+
}
176+
177+
body[data-tool-id="physics-sandbox"].tool-shell-page #physicsBodyInput,
178+
body[data-tool-id="physics-sandbox"].tool-shell-page #physicsSandboxOutput {
179+
min-height: 0;
180+
height: 100%;
181+
max-height: none;
182+
flex: 1 1 auto;
183+
overflow: auto;
184+
}
185+
132186
@media (max-width: 980px) {
133187
.tool-shell-page .tool-shell-container {
134188
width: min(100%, calc(100% - 16px));

0 commit comments

Comments
 (0)