[Lens] Fix value popover spacing (#103081)
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
parent
790bd35ea7
commit
21858a570d
2 changed files with 23 additions and 34 deletions
|
@ -7,7 +7,7 @@
|
|||
|
||||
import React from 'react';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import { EuiFormRow, EuiSpacer, EuiSwitch } from '@elastic/eui';
|
||||
import { EuiFormRow, EuiSwitch } from '@elastic/eui';
|
||||
import { XYCurveType } from '../types';
|
||||
|
||||
export interface LineCurveOptionProps {
|
||||
|
@ -28,29 +28,26 @@ export const LineCurveOption: React.FC<LineCurveOptionProps> = ({
|
|||
isCurveTypeEnabled = true,
|
||||
}) => {
|
||||
return isCurveTypeEnabled ? (
|
||||
<>
|
||||
<EuiFormRow
|
||||
display="columnCompressedSwitch"
|
||||
label={i18n.translate('xpack.lens.xyChart.curveStyleLabel', {
|
||||
defaultMessage: 'Curve lines',
|
||||
})}
|
||||
>
|
||||
<EuiSwitch
|
||||
showLabel={false}
|
||||
label="Curved"
|
||||
checked={value === 'CURVE_MONOTONE_X'}
|
||||
compressed={true}
|
||||
onChange={(e) => {
|
||||
if (e.target.checked) {
|
||||
onChange('CURVE_MONOTONE_X');
|
||||
} else {
|
||||
onChange('LINEAR');
|
||||
}
|
||||
}}
|
||||
data-test-subj="lnsCurveStyleToggle"
|
||||
/>
|
||||
</EuiFormRow>
|
||||
<EuiSpacer />
|
||||
</>
|
||||
<EuiFormRow
|
||||
display="columnCompressedSwitch"
|
||||
label={i18n.translate('xpack.lens.xyChart.curveStyleLabel', {
|
||||
defaultMessage: 'Curve lines',
|
||||
})}
|
||||
>
|
||||
<EuiSwitch
|
||||
showLabel={false}
|
||||
label="Curved"
|
||||
checked={value === 'CURVE_MONOTONE_X'}
|
||||
compressed={true}
|
||||
onChange={(e) => {
|
||||
if (e.target.checked) {
|
||||
onChange('CURVE_MONOTONE_X');
|
||||
} else {
|
||||
onChange('LINEAR');
|
||||
}
|
||||
}}
|
||||
data-test-subj="lnsCurveStyleToggle"
|
||||
/>
|
||||
</EuiFormRow>
|
||||
) : null;
|
||||
};
|
||||
|
|
|
@ -7,14 +7,7 @@
|
|||
|
||||
import React from 'react';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import {
|
||||
EuiButtonGroup,
|
||||
EuiFormRow,
|
||||
EuiIconTip,
|
||||
EuiSuperSelect,
|
||||
EuiText,
|
||||
EuiSpacer,
|
||||
} from '@elastic/eui';
|
||||
import { EuiButtonGroup, EuiFormRow, EuiIconTip, EuiSuperSelect, EuiText } from '@elastic/eui';
|
||||
import { FittingFunction, fittingFunctionDefinitions } from '../fitting_functions';
|
||||
import { ValueLabelConfig } from '../types';
|
||||
|
||||
|
@ -140,7 +133,6 @@ export const MissingValuesOptions: React.FC<MissingValuesOptionProps> = ({
|
|||
/>
|
||||
</EuiFormRow>
|
||||
)}
|
||||
<EuiSpacer />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
Loading…
Reference in a new issue