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

fix ui: fix text position in events and player controls

Browse source
This commit is contained in:
nick-delirium 2024-07-03 15:29:26 +02:00
parent aae01de0f7
commit 98bafd9afa
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -136,7 +136,9 @@ const Event: React.FC<Props> = ({
>
<div className={cn(cls.main, 'flex flex-col w-full')}>
<div className={cn('flex items-center w-full', { 'px-4': isLocation })}>
{event.type && iconName ? <Icon name={iconName} size='16' color={'gray-dark'} /> : icon}
<div style={{ minWidth: '16px' }}>
{event.type && iconName ? <Icon name={iconName} size='16' color={'gray-dark'} /> : icon}
</div>
<div className='ml-3 w-full'>
<div className='flex w-full items-first justify-between'>
<div className='flex items-center w-full' style={{ minWidth: '0' }}>
@ -202,8 +204,8 @@ const Event: React.FC<Props> = ({
{event.target ? 'Copy CSS' : 'Copy URL'}
</button>
)}
<div className={cn(cls.topBlock, 'w-full')}>
<div className={cn(cls.firstLine, 'w-full')}>{renderBody()}</div>
<div className={cn(cls.topBlock, cls.firstLine, 'w-full')}>
{renderBody()}
</div>
{isLocation &&
(event.fcpTime || event.visuallyComplete || event.timeToInteractive) && (

2
frontend/app/components/Session_/Player/Controls/ControlButton.tsx
View file

@ -34,7 +34,7 @@ const ControlButton = ({
id={'control-button-' + label.toLowerCase()}
disabled={disabled}
>
<div className={stl.labels}>{hasErrors && <div className={stl.errorSymbol} />}</div>
{hasErrors && <div className={stl.labels}><div className={stl.errorSymbol} /></div>}
<span className={cn('font-semibold hover:text-main', active ? 'color-main' : 'color-gray-darkest')}>
{label}
</span>