public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prom/Loki: Query editor padding fix (#113727)

Browse Source
This commit is contained in:
Torkel Ödegaard
2025-11-13 09:56:10 +01:00
committed by GitHub
parent 0a9f93436a
commit ac5e54a225
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-prometheus/src/querybuilder/components/PromQueryBuilderOptions.tsx
+4 -4
View File
@@ -6,8 +6,8 @@ import * as React from 'react';
import { CoreApp, SelectableValue } from '@grafana/data';
import { selectors } from '@grafana/e2e-selectors';
import { Trans, t } from '@grafana/i18n';
import { EditorField, EditorRow, EditorSwitch } from '@grafana/plugin-ui';
import { AutoSizeInput, RadioButtonGroup, Select } from '@grafana/ui';
import { EditorField, EditorSwitch } from '@grafana/plugin-ui';
import { AutoSizeInput, Box, RadioButtonGroup, Select } from '@grafana/ui';
import { getQueryTypeChangeHandler, getQueryTypeOptions } from '../../components/PromExploreExtraField';
import { PromQueryFormat } from '../../dataquery';
@@ -80,7 +80,7 @@ export const PromQueryBuilderOptions = React.memo<PromQueryBuilderOptionsProps>(
const queryTypeLabel = queryTypeOptions.find((x) => x.value === queryTypeValue)!.label;
return (
<EditorRow>
<Box backgroundColor={'secondary'}>
<div data-testid={selectors.components.DataSource.Prometheus.queryEditor.options}>
<QueryOptionGroup
title={t('grafana-prometheus.querybuilder.prom-query-builder-options.title-options', 'Options')}
@@ -181,7 +181,7 @@ export const PromQueryBuilderOptions = React.memo<PromQueryBuilderOptionsProps>(
)}
</QueryOptionGroup>
</div>
</EditorRow>
</Box>
);
}
);
public/app/plugins/datasource/loki/querybuilder/components/LokiQueryBuilderOptions.tsx
+4 -4
View File
@@ -3,9 +3,9 @@ import { useCallback, useEffect, useMemo } from 'react';
import * as React from 'react';
import { CoreApp, isValidGrafanaDuration, LogSortOrderChangeEvent, LogsSortOrder, store } from '@grafana/data';
import { EditorField, EditorRow, QueryOptionGroup } from '@grafana/plugin-ui';
import { EditorField, QueryOptionGroup } from '@grafana/plugin-ui';
import { getAppEvents } from '@grafana/runtime';
import { AutoSizeInput, RadioButtonGroup } from '@grafana/ui';
import { AutoSizeInput, Box, RadioButtonGroup } from '@grafana/ui';
import {
getQueryDirectionLabel,
@@ -133,7 +133,7 @@ export const LokiQueryBuilderOptions = React.memo<Props>(
}, [query.step, datasource]);
return (
<EditorRow>
<Box backgroundColor={'secondary'}>
<QueryOptionGroup
title="Options"
collapsedInfo={getCollapsedInfo(query, queryType, maxLines, isLogQuery, isValidStep, query.direction)}
@@ -196,7 +196,7 @@ export const LokiQueryBuilderOptions = React.memo<Props>(
</>
)}
</QueryOptionGroup>
</EditorRow>
</Box>
);
}
);