diff --git a/packages/grafana-ui/src/components/BigValue/BigValue.tsx b/packages/grafana-ui/src/components/BigValue/BigValue.tsx index 762cd2e893b..bfa8cd382b1 100644 --- a/packages/grafana-ui/src/components/BigValue/BigValue.tsx +++ b/packages/grafana-ui/src/components/BigValue/BigValue.tsx @@ -1,7 +1,7 @@ import { cx } from '@emotion/css'; import React, { PureComponent } from 'react'; -import { DisplayValue, DisplayValueAlignmentFactors, FieldSparkline, VizOrientation } from '@grafana/data'; +import { DisplayValue, DisplayValueAlignmentFactors, FieldSparkline } from '@grafana/data'; import { VizTextDisplayOptions } from '@grafana/schema'; import { Themeable2 } from '../../types'; @@ -66,8 +66,6 @@ export interface Props extends Themeable2 { textMode?: BigValueTextMode; /** If true disables the tooltip */ hasLinks?: boolean; - /** The orientation of the parent container */ - parentOrientation?: VizOrientation; /** * If part of a series of stat panes, this is the total number. diff --git a/packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx b/packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx index 15ff7a04b69..d5662b9b2be 100644 --- a/packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx +++ b/packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx @@ -1,7 +1,7 @@ import React, { CSSProperties } from 'react'; import tinycolor from 'tinycolor2'; -import { formattedValueToString, DisplayValue, FieldConfig, FieldType, VizOrientation } from '@grafana/data'; +import { formattedValueToString, DisplayValue, FieldConfig, FieldType } from '@grafana/data'; import { GraphDrawStyle, GraphFieldConfig } from '@grafana/schema'; import { getTextColorForAlphaBackground } from '../../utils'; @@ -63,10 +63,6 @@ export abstract class BigValueLayout { lineHeight: LINE_HEIGHT, }; - if (this.props.parentOrientation === VizOrientation.Horizontal && this.justifyCenter) { - styles.paddingRight = '0.75ch'; - } - if ( this.props.colorMode === BigValueColorMode.Background || this.props.colorMode === BigValueColorMode.BackgroundSolid @@ -115,6 +111,7 @@ export abstract class BigValueLayout { styles.alignItems = 'center'; styles.justifyContent = 'center'; styles.flexGrow = 1; + styles.gap = '0.75ch'; } return styles; diff --git a/public/app/plugins/panel/stat/StatPanel.tsx b/public/app/plugins/panel/stat/StatPanel.tsx index 827b6aac29f..91733d4091c 100644 --- a/public/app/plugins/panel/stat/StatPanel.tsx +++ b/public/app/plugins/panel/stat/StatPanel.tsx @@ -24,7 +24,7 @@ export class StatPanel extends PureComponent> { menuProps: DataLinksContextMenuApi ): JSX.Element => { const { timeRange, options } = this.props; - const { value, alignmentFactors, width, height, count, orientation } = valueProps; + const { value, alignmentFactors, width, height, count } = valueProps; const { openMenu, targetClassName } = menuProps; let sparkline = value.sparkline; if (sparkline) { @@ -41,7 +41,6 @@ export class StatPanel extends PureComponent> { justifyMode={options.justifyMode} textMode={this.getTextMode()} alignmentFactors={alignmentFactors} - parentOrientation={orientation} text={options.text} width={width} height={height}