Skip to content

Commit 44bd202

Browse files
author
DavidQ
committed
`fix(performance-profiler): make non-fullscreen layout fill to footer
- update profiler-specific tool-shell sizing to match fullscreen behavior in normal mode - set explicit available-height container sizing for non-fullscreen (`100dvh`-based) - ensure `.tool-shell` participates in flex fill (`flex: 1 1 auto`, `height: 100%`) - keep left/center/right columns stretched and output pane internally scrollable - preserve existing fullscreen behavior while aligning normal-mode vertical fill`
1 parent 2d7b7ec commit 44bd202

1 file changed

Lines changed: 53 additions & 0 deletions

File tree

src/engine/theme/tool-shell.css

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,59 @@
7676
overflow: auto;
7777
}
7878

79+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell-container {
80+
flex: 1 1 auto;
81+
height: calc(100dvh - 120px);
82+
min-height: 0;
83+
display: flex;
84+
flex-direction: column;
85+
}
86+
87+
body[data-tool-id="performance-profiler"].tool-shell-page {
88+
min-height: 100dvh;
89+
display: flex;
90+
flex-direction: column;
91+
}
92+
93+
body[data-tool-id="performance-profiler"].tool-shell-page > .is-collapsible,
94+
body[data-tool-id="performance-profiler"].tool-shell-page > [data-tools-platform-status] {
95+
flex: 0 0 auto;
96+
}
97+
98+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell-container {
99+
min-height: 420px;
100+
}
101+
102+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell {
103+
min-height: 0;
104+
max-height: none;
105+
height: 100%;
106+
flex: 1 1 auto;
107+
}
108+
109+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell__left,
110+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell__center,
111+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell__right {
112+
min-height: 0;
113+
}
114+
115+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell__left > .debug-tool-panel,
116+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell__center > .debug-tool-panel,
117+
body[data-tool-id="performance-profiler"].tool-shell-page .tool-shell__right > .debug-tool-panel {
118+
min-height: 0;
119+
height: 100%;
120+
display: flex;
121+
flex-direction: column;
122+
}
123+
124+
body[data-tool-id="performance-profiler"].tool-shell-page #profileOutput {
125+
min-height: 0;
126+
height: 100%;
127+
max-height: none;
128+
flex: 1 1 auto;
129+
overflow: auto;
130+
}
131+
79132
@media (max-width: 980px) {
80133
.tool-shell-page .tool-shell-container {
81134
width: min(100%, calc(100% - 16px));

0 commit comments

Comments
 (0)