Skip to content

Commit c3c18ef

Browse files
author
DavidQ
committed
Adjust Tile Model Converter output panel to full-height fill
- update `tools/shared/debugInspectorTools.css` - keep Tile Model Converter shell/grid stretched to footer in normal + fullscreen modes - remove `#converterOutput` height cap (`max-height: none`) and allow flex fill (`height: 100%`, `min-height: 0`) - result: Conversion Output now extends to the bottom of its panel instead of stopping at fixed height
1 parent 3b406b5 commit c3c18ef

1 file changed

Lines changed: 82 additions & 0 deletions

File tree

tools/shared/debugInspectorTools.css

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -386,3 +386,85 @@ body[data-tool-id="asset-pipeline-tool"] #assetPipelineOutput {
386386
height: auto;
387387
flex: 1 1 auto;
388388
}
389+
390+
body[data-tool-id="tile-model-converter"] .debug-tool-shell {
391+
min-height: calc(46dvh - 240px);
392+
}
393+
394+
body[data-tool-id="tile-model-converter"] .debug-tool-shell > .debug-tool-panel,
395+
body[data-tool-id="tile-model-converter"] .debug-tool-grid > .debug-tool-panel {
396+
padding: 10px;
397+
gap: 6px;
398+
}
399+
400+
body[data-tool-id="tile-model-converter"] .debug-tool-shell > .debug-tool-panel {
401+
padding: 6px 10px;
402+
}
403+
404+
body[data-tool-id="tile-model-converter"] #converterStatus {
405+
margin: 0;
406+
min-height: 0;
407+
}
408+
409+
body[data-tool-id="tile-model-converter"] .debug-tool-grid {
410+
align-items: stretch;
411+
min-height: 0;
412+
flex: 1 1 auto;
413+
}
414+
415+
body[data-tool-id="tile-model-converter"] .debug-tool-grid .debug-tool-panel {
416+
display: flex;
417+
flex-direction: column;
418+
min-height: 0;
419+
margin: 0;
420+
align-content: start;
421+
}
422+
423+
body[data-tool-id="tile-model-converter"] .debug-tool-grid .debug-tool-panel h3 {
424+
margin: 0;
425+
min-height: 1.2em;
426+
line-height: 1.1;
427+
}
428+
429+
body[data-tool-id="tile-model-converter"] #converterInput,
430+
body[data-tool-id="tile-model-converter"] #converterOutput {
431+
margin: 0;
432+
min-height: 520px;
433+
height: auto;
434+
flex: 1 1 auto;
435+
}
436+
437+
body[data-tool-id="tile-model-converter"] #converterOutput {
438+
min-height: 0;
439+
height: 100%;
440+
max-height: none;
441+
}
442+
443+
body[data-tool-id="tile-model-converter"] {
444+
min-height: 100dvh;
445+
display: flex;
446+
flex-direction: column;
447+
}
448+
449+
body[data-tool-id="tile-model-converter"] > .is-collapsible,
450+
body[data-tool-id="tile-model-converter"] > [data-tools-platform-status] {
451+
flex: 0 0 auto;
452+
}
453+
454+
body[data-tool-id="tile-model-converter"] .debug-tool-shell {
455+
flex: 1 1 auto;
456+
min-height: 0;
457+
height: calc(100dvh - 120px);
458+
display: flex;
459+
flex-direction: column;
460+
}
461+
462+
body[data-tool-id="tile-model-converter"] .debug-tool-grid {
463+
flex: 1 1 auto;
464+
min-height: 0;
465+
}
466+
467+
body[data-tool-id="tile-model-converter"] .debug-tool-grid .debug-tool-panel {
468+
min-height: 0;
469+
height: 100%;
470+
}

0 commit comments

Comments
 (0)