[v9.5.x] Stats Inspector: Prevent long stats from being hidden (#66980)

Stats Inspector: Prevent long stats from being hidden (#66866)

* Stats Inspector: Prevent stats from being hidden

* Inspect stats: inline container styles

(cherry picked from commit c11baa3ead)

Co-authored-by: Matias Chomicki <matyax@gmail.com>
This commit is contained in:
Grot (@grafanabot)
2023-04-20 17:14:39 +02:00
committed by GitHub
co-authored by Matias Chomicki
parent 32869c96df
commit 7694ea28e5
@@ -1,3 +1,4 @@
import { css } from '@emotion/css';
import React from 'react';
import { PanelData, QueryResultMetaStat, TimeZone } from '@grafana/data';
@@ -15,7 +16,6 @@ export const InspectStatsTab = ({ data, timeZone }: InspectStatsTabProps) => {
if (!data.request) {
return null;
}
let stats: QueryResultMetaStat[] = [];
const requestTime = data.request.endTime ? data.request.endTime - data.request.startTime : -1;
@@ -61,9 +61,14 @@ export const InspectStatsTab = ({ data, timeZone }: InspectStatsTabProps) => {
const dataStatsTableName = t('dashboard.inspect-stats.data-title', 'Data source stats');
return (
<div aria-label={selectors.components.PanelInspector.Stats.content}>
<div aria-label={selectors.components.PanelInspector.Stats.content} className={containerStyles}>
<InspectStatsTable timeZone={timeZone} name={statsTableName} stats={stats} />
<InspectStatsTable timeZone={timeZone} name={dataStatsTableName} stats={dataStats} />
</div>
);
};
const containerStyles = css`
height: 100%;
overflow-y: scroll;
`;