electron-rare/Aperant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto-claude: subtask-1-1 - Add min-h-0 to enable scrolling in Roadmap tabs (#1655)

Browse Source 
Fix scrolling in Roadmap Phases tab and other tabs by adding min-h-0
to flex containers. This is a classic flexbox fix where flex items
won't shrink below their content's minimum height without min-h-0.

Changes:
- Roadmap.tsx: Add min-h-0 to content wrapper div
- RoadmapTabs.tsx: Add min-h-0 to all TabsContent elements (kanban,
  phases, features, priorities)

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Andy
2026-02-04 11:19:47 +01:00
committed by GitHub
parent 5293fb3996
commit ae703be9f3
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/renderer/components/Roadmap.tsx
+1 -1
View File
@@ -105,7 +105,7 @@ export function Roadmap({ projectId, onGoToTask }: RoadmapProps) {
/> />
{/* Content */} {/* Content */}
<div className="flex-1 overflow-hidden"> <div className="flex-1 min-h-0 overflow-hidden">
<RoadmapTabs <RoadmapTabs
roadmap={roadmap} roadmap={roadmap}
activeTab={activeTab} activeTab={activeTab}
apps/frontend/src/renderer/components/roadmap/RoadmapTabs.tsx
+4 -4
View File
@@ -35,7 +35,7 @@ export function RoadmapTabs({
</TabsList> </TabsList>
{/* Kanban View */} {/* Kanban View */}
<TabsContent value="kanban" className="flex-1 overflow-hidden"> <TabsContent value="kanban" className="flex-1 min-h-0 overflow-hidden">
<RoadmapKanbanView <RoadmapKanbanView
key={roadmap.updatedAt?.toString()} key={roadmap.updatedAt?.toString()}
roadmap={roadmap} roadmap={roadmap}
@@ -47,7 +47,7 @@ export function RoadmapTabs({
</TabsContent> </TabsContent>
{/* Phases View */} {/* Phases View */}
<TabsContent value="phases" className="flex-1 overflow-auto p-4"> <TabsContent value="phases" className="flex-1 min-h-0 overflow-auto p-4">
<div className="space-y-6"> <div className="space-y-6">
{roadmap.phases.map((phase: RoadmapPhase, index: number) => ( {roadmap.phases.map((phase: RoadmapPhase, index: number) => (
<PhaseCard <PhaseCard
@@ -64,7 +64,7 @@ export function RoadmapTabs({
</TabsContent> </TabsContent>
{/* All Features View */} {/* All Features View */}
<TabsContent value="features" className="flex-1 overflow-auto p-4"> <TabsContent value="features" className="flex-1 min-h-0 overflow-auto p-4">
<div className="grid gap-3"> <div className="grid gap-3">
{roadmap.features.map((feature: RoadmapFeature) => ( {roadmap.features.map((feature: RoadmapFeature) => (
<FeatureCard <FeatureCard
@@ -80,7 +80,7 @@ export function RoadmapTabs({
</TabsContent> </TabsContent>
{/* By Priority View */} {/* By Priority View */}
<TabsContent value="priorities" className="flex-1 overflow-auto p-4"> <TabsContent value="priorities" className="flex-1 min-h-0 overflow-auto p-4">
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
{['must', 'should', 'could', 'wont'].map((priority: string) => { {['must', 'should', 'could', 'wont'].map((priority: string) => {
const features = roadmap.features.filter((f: RoadmapFeature) => f.priority === priority); const features = roadmap.features.filter((f: RoadmapFeature) => f.priority === priority);