janpeter/Scrum4Me
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

feat(timeline): sticky chat-input bovenaan timeline-sectie

Browse source 
Verplaats UserChatInput naar boven in IdeaTimeline en geef de wrapper
sticky top-0 z-10 bg-background border-b border-border — input blijft
zichtbaar terwijl de timeline-items eronder doorscrollt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scrum4Me Agent 2026-05-15 19:57:01 +02:00
parent a3303a605b
commit 22781365e6
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/ideas/idea-timeline.tsx
View file

@ -128,7 +128,13 @@ export function IdeaTimeline({
const showChatInput = planMd !== null
return (
<div className="space-y-4" {...debugProps('idea-timeline', 'IdeaTimeline', 'components/ideas/idea-timeline.tsx')}>
<div {...debugProps('idea-timeline', 'IdeaTimeline', 'components/ideas/idea-timeline.tsx')}>
{showChatInput && (
<div className="sticky top-0 z-10 bg-background border-b border-border pb-3 mb-4" data-debug-id="idea-timeline__chat-input">
<UserChatInput ideaId={ideaId} isDemo={isDemo} />
</div>
)}
<div className="space-y-4">
{merged.length === 0 ? (
<p className="text-sm text-muted-foreground py-8 text-center italic">
Nog geen activiteit op dit idee.
@ -252,8 +258,7 @@ export function IdeaTimeline({
})}
</ol>
)}
{showChatInput && <UserChatInput ideaId={ideaId} isDemo={isDemo} />}
</div>
</div>
)
}