Skip to content

Commit 3583f61

Browse files
acailicclaude
andcommitted
fix: make Inspect tab DecisionTree full-width and auto-height
Tree was constrained to 400px height and ~45% width due to trace-layout 2-column grid and max-height clamp. Now spans full width with natural height so the tree renders completely without being cut off. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 3ebaa96 commit 3583f61

1 file changed

Lines changed: 9 additions & 5 deletions

File tree

frontend/src/App.css

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -489,8 +489,8 @@ button {
489489
/* Inspect tab: full-width workspace with proper panel layout */
490490
.workspace--inspect {
491491
grid-template-columns: 1fr;
492-
overflow-y: auto;
493-
max-height: calc(100vh - 12rem);
492+
max-height: none;
493+
overflow-y: visible;
494494
}
495495

496496
.workspace--inspect .main-stage {
@@ -514,10 +514,14 @@ button {
514514
min-width: 0;
515515
}
516516

517-
/* DecisionTree max-height to prevent cutoff */
517+
/* Inspect tab: DecisionTree spans full width and auto-sizes */
518+
.workspace--inspect .trace-layout {
519+
grid-template-columns: 1fr;
520+
}
521+
518522
.workspace--inspect .timeline-panel {
519-
max-height: 400px;
520-
overflow-y: auto;
523+
max-height: none;
524+
overflow: visible;
521525
}
522526

523527
/* Panel hierarchy: subtle (default) < secondary < primary */

0 commit comments

Comments
 (0)