IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-09 23:16:16 -06:00
Code Issues Packages Projects Releases Wiki Activity

minor touch ups

Browse Source
This commit is contained in:
Peter Holmberg 2019-02-20 17:07:36 +01:00
parent 2fc136e615
commit 8c5c953521
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/Gauge/Gauge.tsx
View File

@ -175,7 +175,7 @@ export class Gauge extends PureComponent<Props> {
return (
<div
style={{
height: `${height * 0.9}px`,
height: `${Math.min(height, width * 1.3)}px`,
width: `${Math.min(width, height * 1.3)}px`,
top: '10px',
margin: 'auto',

4
packages/grafana-ui/src/components/VizRepeater/VizRepeater.tsx
View File

@ -43,12 +43,12 @@ export class VizRepeater extends PureComponent<Props> {
let vizWidth = width;
let vizHeight = height;
if (orientation === 'horizontal' || width > height) {
if ((orientation && orientation === 'horizontal') || width > height) {
vizContainerStyle = horizontalVisualization;
vizWidth = repeatingVizWidth;
}
if (orientation === 'vertical' || height > width) {
if ((orientation && orientation === 'vertical') || height > width) {
vizContainerStyle = verticalVisualization;
vizHeight = repeatingVizHeight;
}

6
public/app/plugins/panel/gauge/GaugePanel.tsx
View File

@ -45,14 +45,14 @@ export class GaugePanel extends PureComponent<Props> {
const { options, width, height } = this.props;
const value = timeSeries[0].stats[options.valueOptions.stat];
return <div className="singlestat-panel">{this.renderGauge(value, width, height)}</div>;
return <div style={{ display: 'flex' }}>{this.renderGauge(value, width, height)}</div>;
}
renderGaugeWithTableData(panelData) {
const { width, height } = this.props;
const firstTableDataValue = panelData.tableData.rows[0].find(prop => prop > 0);
return <div className="singlestat-panel">{this.renderGauge(firstTableDataValue, width, height)}</div>;
return <div style={{ display: 'flex' }}>{this.renderGauge(firstTableDataValue, width, height)}</div>;
}
render() {
@ -73,7 +73,7 @@ export class GaugePanel extends PureComponent<Props> {
const value = stat !== 'name' ? series.stats[stat] : series.label;
return (
<div className="singlestat-panel" key={`${series.label}-${index}`} style={vizContainerStyle}>
<div key={`${series.label}-${index}`} style={Object.assign(vizContainerStyle, { display: 'flex' })}>
{this.renderGauge(value, vizWidth, vizHeight)}
</div>
);