IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Inspect: table take full height in drawer (#21580)

Browse Source
This commit is contained in:
Peter Holmberg
2020-01-18 08:24:17 +01:00
committed by Torkel Ödegaard
parent 7cbf3d8dab
commit e762190616
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/app/features/dashboard/components/Inspector/PanelInspector.tsx
View File

@@ -136,7 +136,7 @@ export class PanelInspector extends PureComponent<Props, State> {
return <metaDS.components.MetadataInspector datasource={metaDS} data={data} />;
}
renderDataTab(width: number) {
renderDataTab(width: number, height: number) {
const { data, selected } = this.state;
const styles = getStyles();
if (!data || !data.length) {
@@ -177,7 +177,7 @@ export class PanelInspector extends PureComponent<Props, State> {
</Forms.Button>
</div>
</div>
<Table width={width} height={400} data={processed[selected]} />
<Table width={width} height={height} data={processed[selected]} />
</div>
);
}
@@ -211,14 +211,15 @@ export class PanelInspector extends PureComponent<Props, State> {
})}
</TabsBar>
<TabContent>
<AutoSizer disableHeight>
{({ width }) => {
<AutoSizer>
{({ width, height }) => {
if (width === 0) {
return null;
}
return (
<div style={{ width }}>
{tab === InspectTab.Data && this.renderDataTab(width)}
{tab === InspectTab.Data && this.renderDataTab(width, height)}
{tab === InspectTab.Meta && this.renderMetadataInspector()}