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

This commit is contained in:
LeanDeR 2025-05-08 22:49:40 +08:00 committed by GitHub
parent cbc8ebd8f5
commit 135b8bd4f5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 12 additions and 6 deletions

View File

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

View File

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

View File

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