forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
properly animate the profile hover card (#3590)
* properly implement with `isOpen` and `isPositioned`
* well, this works just as well
* add `willChange`
+6
-6
+6
-6
src/components/ProfileHoverCard/index.web.tsx
+6
-6
src/components/ProfileHoverCard/index.web.tsx
···
289
289
{props.children}
290
290
{isVisible && (
291
291
<Portal>
292
-
<div style={animationStyle}>
293
-
<div
294
-
ref={refs.setFloating}
295
-
style={floatingStyles}
296
-
onPointerEnter={onPointerEnterCard}
297
-
onPointerLeave={onPointerLeaveCard}>
292
+
<div
293
+
ref={refs.setFloating}
294
+
style={floatingStyles}
295
+
onPointerEnter={onPointerEnterCard}
296
+
onPointerLeave={onPointerLeaveCard}>
297
+
<div style={{willChange: 'transform', ...animationStyle}}>
298
298
<Card did={props.did} hide={onPress} />
299
299
</div>
300
300
</div>