chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: ensure procedural runtime panes are scrollable in app shell

Browse Source
This commit is contained in:
chihlasm
2026-02-17 20:21:49 -05:00
parent db715929e7
commit 9f2e98376e
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/index.css
View File

@@ -88,10 +88,13 @@
}
.sidebar {
min-height: 0;
overflow-y: auto;
}
.main-content {
min-height: 0;
min-width: 0;
overflow-y: auto;
}

6
frontend/src/pages/ProceduralNavigationPage.tsx
View File

@@ -340,7 +340,7 @@ export function ProceduralNavigationPage() {
const currentStepState = currentStep ? stepStates.get(currentStep.id) : undefined
return (
<div className="flex h-full min-h-0 flex-col">
<div className="flex h-full min-h-0 flex-col overflow-hidden">
{/* Top bar */}
<div className="border-b border-border px-4 py-3 sm:px-6">
<div className="flex items-center justify-between gap-4">
@@ -366,7 +366,7 @@ export function ProceduralNavigationPage() {
</div>
{/* Main content */}
<div className="flex min-h-0 flex-1">
<div className="flex min-h-0 flex-1 overflow-hidden">
{/* Left sidebar - step checklist */}
<div
className={cn(
@@ -400,7 +400,7 @@ export function ProceduralNavigationPage() {
</div>
{/* Right panel - step detail */}
<div className="min-h-0 flex-1 overflow-y-auto p-4 sm:p-6">
<div className="min-h-0 flex-1 overflow-y-auto overscroll-y-contain p-4 sm:p-6">
{currentStep && (
<StepDetail
step={currentStep}