diff --git a/B05_wf2_Route/B05_wf2_Route_UI_Page.ts b/B05_wf2_Route/B05_wf2_Route_UI_Page.ts index e079d58f..b54b1eee 100644 --- a/B05_wf2_Route/B05_wf2_Route_UI_Page.ts +++ b/B05_wf2_Route/B05_wf2_Route_UI_Page.ts @@ -270,5 +270,6 @@ export async function renderB05Route(root: HTMLElement): Promise { routes: WORKFLOW_STEP_ROUTES, onStepClick: (stepIndex) => goToWorkflowStage(activeProjectId, WORKFLOW_STEP_ROUTES[stepIndex]), }); + layout.root.classList.add("b05-route-layout"); root.replaceChildren(layout.root); } diff --git a/B05_wf2_Route/B05_wf2_Route_UI_Style.css b/B05_wf2_Route/B05_wf2_Route_UI_Style.css index 8146a94c..a88f8da6 100644 --- a/B05_wf2_Route/B05_wf2_Route_UI_Style.css +++ b/B05_wf2_Route/B05_wf2_Route_UI_Style.css @@ -1,8 +1,25 @@ +.b05-route-layout { + height: calc(100vh - var(--spacing-64)); + height: calc(100dvh - var(--spacing-64)); + min-height: 0; + overflow: hidden; +} + +.b05-route-layout .ui-workflow-layout__body, +.b05-route-layout .ui-workflow-layout__main { + height: 100%; + min-height: 0; +} + +.b05-route-layout .ui-workflow-layout__main { + overflow: hidden; +} + .b05-route__viewport { position: relative; width: 100%; height: 100%; - min-height: 560px; + min-height: 0; overflow: hidden; background: var(--color-surface); }