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

fix(ui): user events styles feedback

Browse source
This commit is contained in:
Shekar Siri 2023-06-09 16:45:58 +02:00
parent 6d15071cde
commit fa8e7e434a
3 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -177,7 +177,7 @@ const Event: React.FC<Props> = ({
[cls.frustration]: isFrustration,
[cls.highlight]: presentInSearch,
[cls.lastInGroup]: whiteBg,
['mx-4 rounded']: event.type !== TYPES.LOCATION
['pl-6 ml-4 py-2 border-l']: event.type !== TYPES.LOCATION
})}
onClick={onClick}
onContextMenu={onContextMenu}

16
frontend/app/components/Session_/EventsBlock/EventGroupWrapper.js
View file

@ -72,12 +72,12 @@ class EventGroupWrapper extends React.Component {
<div
className={cn(
{
[stl.last]: isLastInGroup,
[stl.first]: event.type === TYPES.LOCATION,
[stl.dashAfter]: isLastInGroup && !isLastEvent
// [stl.last]: isLastInGroup,
// [stl.first]: event.type === TYPES.LOCATION,
// [stl.dashAfter]: isLastInGroup && !isLastEvent
},
isLastInGroup && '!pb-2',
event.type === TYPES.LOCATION && '!pb-2'
// isLastInGroup && '!pb-2',
// event.type === TYPES.LOCATION && '!pb-2'
)}
>
{isFirst && isLocation && event.referrer && (
@ -124,7 +124,7 @@ class EventGroupWrapper extends React.Component {
/>
)}
</div>
{(isLastInGroup && !isTabChange) && <div className='border-t border-color-gray-light-shade' />}
{(isLastInGroup && !isTabChange) && <div className='border-color-gray-light-shade' />}
</>
);
}
@ -137,7 +137,7 @@ function TabChange({ from, to, activeUrl, onClick }) {
return (
<div
onClick={onClick}
className={'p-2 cursor-pointer bg-gray-lightest w-full border-gray-light border-t border-b !border-l-0 !border-r-0'}
className={'cursor-pointer bg-gray-lightest w-full py-2 border-b hover:bg-active-blue'}
>
<div className={'flex items-center gap-2 px-4'}>
<span style={{ fontWeight: 500 }}>
@ -148,7 +148,7 @@ function TabChange({ from, to, activeUrl, onClick }) {
{to}
</span>
</div>
<div className={'break-words mt-1 px-4 text-sm font-normal color-gray-medium'}>
<div className={'break-words mt-1 px-4 text-sm font-normal color-gray-medium whitespace-nowrap'}>
{activeUrl}
</div>
</div>

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

@ -29,7 +29,7 @@
& .topBlock {
min-height: 30px;
position: relative;
padding: 8px 10px;
padding: 8px 0px;
}
& .checkbox {