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

change(ui): remove limit for xray categories

Browse source
This commit is contained in:
nick-delirium 2023-02-13 16:29:40 +01:00
parent 3bae164cfd
commit 74d6afc091
3 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
View file

@ -76,7 +76,7 @@ function OverviewPanel({ issuesList }: { issuesList: Record<string, any>[] }) {
]);
return (
<BottomBlock style={{ height: '245px' }}>
<BottomBlock style={{ height: '100%' }}>
<BottomBlock.Header>
<span className="font-semibold color-gray-medium mr-4">X-RAY</span>
<div className="flex items-center h-20">
@ -88,13 +88,14 @@ function OverviewPanel({ issuesList }: { issuesList: Record<string, any>[] }) {
<TimelineScale endTime={endTime} />
<div
// style={{ width: '100%', height: '187px', overflow: 'hidden' }}
style={{ width: 'calc(100vw - 1rem)', margin: '0 auto', height: '187px' }}
style={{ width: 'calc(100vw - 1rem)', margin: '0 auto' }}
className="transition relative"
>
<NoContent
show={selectedFeatures.length === 0}
style={{ height: '60px', minHeight: 'unset', padding: 0 }}
title={
<div className="flex items-center mt-16">
<div className="flex items-center">
<Icon name="info-circle" className="mr-2" size="18" />
Select a debug option to visualize on timeline.
</div>

2
frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx
View file

@ -22,7 +22,7 @@ interface Props {
function FeatureSelection(props: Props) {
const { list } = props;
const features = [NETWORK, ERRORS, EVENTS, CLICKRAGE, PERFORMANCE];
const disabled = list.length >= 3;
const disabled = list.length >= 5;
return (
<React.Fragment>

2
frontend/app/components/Session_/OverviewPanel/components/VerticalLine/VerticalLine.tsx
View file

@ -8,7 +8,7 @@ interface Props {
width?: string;
}
function VerticalLine(props: Props) {
const { left, className = 'border-gray-dark', height = '221px', width = '1px' } = props;
const { left, className = 'border-gray-dark', height = '100%', width = '1px' } = props;
return <div className={cn('absolute border-r border-dashed z-10', className)} style={{ left: `${left}%`, height, width }} />;
}