watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-22 05:25:36 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Fix flickering in journey nodes.

Browse source
This commit is contained in:
Mike Cao 2024-06-14 20:49:29 -07:00
parent 2204ffa9c3
commit 21ff3d1280
2 changed files with 57 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/app/(main)/reports/journey/JourneyView.module.css
View file

@ -71,10 +71,13 @@
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
}
.wrapper {
padding-bottom: 10px;
}
.item {
position: relative;
cursor: pointer;

8
src/app/(main)/reports/journey/JourneyView.tsx
View file

@ -188,13 +188,16 @@ export default function JourneyView() {
return (
<div
key={name}
className={styles.wrapper}
onMouseEnter={() => selected && setActiveNode({ name, columnIndex, paths })}
onMouseLeave={() => selected && setActiveNode(null)}
>
<div
className={classNames(styles.item, {
[styles.selected]: selected,
[styles.active]: active,
})}
onClick={() => handleClick(name, columnIndex, paths)}
onMouseEnter={() => selected && setActiveNode({ name, columnIndex, paths })}
onMouseLeave={() => selected && setActiveNode(null)}
>
<div className={styles.name}>{name}</div>
<TooltipPopup label={dropOffPercent} disabled={!selected}>
@ -242,6 +245,7 @@ export default function JourneyView() {
);
})}
</div>
</div>
);
},
)}