estel/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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
parent cbc8ebd8f5
commit 135b8bd4f5
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}