IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-29 20:24:18 -06:00
Code Issues Packages Projects Releases Wiki Activity

Grafana UI: StackingEditor and addHideFrom - Replace HorizontalGroup with Stack (#86192)

Browse Source
This commit is contained in:
Laura Fernández 2024-04-16 10:46:01 +02:00 committed by GitHub
parent 40f1b2c92c
commit f1de8940dc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/grafana-ui/src/options/builder/hideSeries.tsx
View File

@ -5,7 +5,7 @@ import { FieldConfigEditorBuilder, StandardEditorProps } from '@grafana/data';
import { HideableFieldConfig, HideSeriesConfig } from '@grafana/schema';
import { FilterPill } from '../../components/FilterPill/FilterPill';
import { HorizontalGroup } from '../../components/Layout/Layout';
import { Stack } from '../../components/Layout/Stack/Stack';
const SeriesConfigEditor = ({ value, onChange }: StandardEditorProps<HideSeriesConfig, {}>) => {
const onChangeToggle = useCallback(
@ -16,7 +16,7 @@ const SeriesConfigEditor = ({ value, onChange }: StandardEditorProps<HideSeriesC
);
return (
<HorizontalGroup spacing="xs">
<Stack gap={0.5}>
{Object.keys(value).map((k) => {
const key = k as keyof HideSeriesConfig;
return (
@ -29,7 +29,7 @@ const SeriesConfigEditor = ({ value, onChange }: StandardEditorProps<HideSeriesC
/>
);
})}
</HorizontalGroup>
</Stack>
);
};

6
packages/grafana-ui/src/options/builder/stacking.tsx
View File

@ -12,7 +12,7 @@ import { GraphFieldConfig, StackingConfig, StackingMode } from '@grafana/schema'
import { RadioButtonGroup } from '../../components/Forms/RadioButtonGroup/RadioButtonGroup';
import { IconButton } from '../../components/IconButton/IconButton';
import { Input } from '../../components/Input/Input';
import { HorizontalGroup } from '../../components/Layout/Layout';
import { Stack } from '../../components/Layout/Stack/Stack';
import { graphFieldOptions } from '../../components/uPlot/config';
export const StackingEditor = ({
@ -22,7 +22,7 @@ export const StackingEditor = ({
item,
}: StandardEditorProps<StackingConfig, { options: Array<SelectableValue<StackingMode>> }>) => {
return (
<HorizontalGroup>
<Stack>
<RadioButtonGroup
value={value?.mode || StackingMode.None}
options={item.settings?.options ?? []}
@ -47,7 +47,7 @@ export const StackingEditor = ({
}}
/>
)}
</HorizontalGroup>
</Stack>
);
};