Skip to content

Commit 092ef85

Browse files
committed
fix(voip): animate header background to transparent when hiding controls
The MediaCallHeader used translateY + opacity to hide, but its surfaceNeutral background remained visible as a dark bar. Animate backgroundColor and borderBottomColor to transparent so CallView shows through seamlessly.
1 parent bc9b9d5 commit 092ef85

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

app/containers/MediaCallHeader/MediaCallHeader.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,9 @@ const MediaCallHeader = () => {
4040
duration: CONTROLS_ANIMATION_DURATION
4141
})
4242
}
43-
]
43+
],
44+
backgroundColor: withTiming(shouldHide ? 'transparent' : colors.surfaceNeutral, { duration: CONTROLS_ANIMATION_DURATION }),
45+
borderBottomColor: withTiming(shouldHide ? 'transparent' : colors.strokeLight, { duration: CONTROLS_ANIMATION_DURATION })
4446
}));
4547

4648
const defaultHeaderStyle = {

0 commit comments

Comments
 (0)