jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): user events overlap on first event

Browse source
This commit is contained in:
Shekar Siri 2023-06-12 16:32:57 +02:00
parent 1254e7140a
commit 59c6edc7cb
3 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/Session_/EventsBlock/Event.tsx
View file

@ -149,7 +149,7 @@ const Event: React.FC<Props> = ({
</div>
</div>
{isLocation && (
<div className='mt-1 px-4'>
<div className='pt-1 px-4'>
<span className='text-sm font-normal color-gray-medium'>{body}</span>
</div>
)}
@ -177,7 +177,7 @@ const Event: React.FC<Props> = ({
[cls.frustration]: isFrustration,
[cls.highlight]: presentInSearch,
[cls.lastInGroup]: whiteBg,
['pl-6 ml-4 py-2 border-l']: event.type !== TYPES.LOCATION
['pl-4 pr-6 ml-4 py-2 border-l']: event.type !== TYPES.LOCATION
})}
onClick={onClick}
onContextMenu={onContextMenu}

4
frontend/app/components/Session_/EventsBlock/EventsBlock.tsx
View file

@ -138,12 +138,10 @@ function EventsBlock(props: IProps) {
const isTabChange = event.type === 'TABCHANGE';
const isCurrent = index === currentTimeEventIndex;
const heightBug =
index === 0 && event?.type === TYPES.LOCATION && 'referrer' in event ? { top: 2 } : {};
return (
<CellMeasurer key={key} cache={cache} parent={parent} rowIndex={index}>
{({ measure, registerChild }) => (
<div style={{ ...style, ...heightBug }} ref={registerChild}>
<div style={{ ...style }} ref={registerChild}>
<EventGroupWrapper
query={query}
presentInSearch={eventsIndex.includes(index)}

1
frontend/app/components/Session_/EventsBlock/event.module.css
View file

@ -66,7 +66,6 @@
&.highlighted {
transition: all 0.2s;
background-color: $active-blue;
box-shadow: 0 0 0 2px $active-blue;
}
&.red {