jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(workflow): Fix the expand/collapse animation effect (#19398)

Browse source
This commit is contained in:
LeanDeR 2025-05-08 22:49:40 +08:00 • committed by GitHub
commit 135b8bd4f5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx
View file

@ -109,8 +109,10 @@ const IterationResultPanel: FC<Props> = ({
className="h-px grow bg-divider-subtle" className="h-px grow bg-divider-subtle"
></div>} ></div>}
<div className={cn( <div className={cn(
'overflow-hidden transition-all duration-200', 'transition-all duration-200',
expandedIterations[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0', expandedIterations[index]
? 'opacity-100'
: 'max-h-0 opacity-0 overflow-hidden',
)}> )}>
<TracingPanel <TracingPanel
list={iteration} list={iteration}

6
web/app/components/workflow/run/loop-log/loop-result-panel.tsx
View file

@ -115,8 +115,10 @@ const LoopResultPanel: FC<Props> = ({
className="h-px grow bg-divider-subtle" className="h-px grow bg-divider-subtle"
></div>} ></div>}
<div className={cn( <div className={cn(
'overflow-hidden transition-all duration-200', 'transition-all duration-200',
expandedLoops[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0', expandedLoops[index]
? 'opacity-100'
: 'max-h-0 opacity-0 overflow-hidden',
)}> )}>
{ {
loopVariableMap?.[index] && ( loopVariableMap?.[index] && (

6
web/app/components/workflow/run/loop-result-panel.tsx
View file

@ -82,8 +82,10 @@ const LoopResultPanel: FC<Props> = ({
className="h-px grow bg-divider-subtle" className="h-px grow bg-divider-subtle"
></div>} ></div>}
<div className={cn( <div className={cn(
'overflow-hidden transition-all duration-200', 'transition-all duration-200',
expandedLoops[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0', expandedLoops[index]
? 'opacity-100'
: 'max-h-0 opacity-0 overflow-hidden',
)}> )}>
<TracingPanel <TracingPanel
list={loop} list={loop}