IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-09-05 04:40:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Loki: Make stream selector input in variables editor larger (#69729)

Browse Source 
* Loki: Make strem selector input in variables editor larger

* Remove 75%
This commit is contained in:
Ivana Huckova
2023-06-07 18:56:35 +03:00
committed by GitHub
parent 337ffd3015
commit 8322b353f5
1 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/plugins/datasource/loki/components/VariableQueryEditor.tsx
+32 -26
View File
@@ -70,33 +70,40 @@ export const LokiVariableQueryEditor = ({ onChange, query, datasource }: Props)
};
return (
<InlineFieldRow>
<InlineField label="Query type" labelWidth={20}>
<Select
aria-label="Query type"
onChange={onQueryTypeChange}
onBlur={handleBlur}
value={type}
options={variableOptions}
width={16}
/>
</InlineField>
<>
<InlineFieldRow>
<InlineField label="Query type" labelWidth={20}>
<Select
aria-label="Query type"
onChange={onQueryTypeChange}
onBlur={handleBlur}
value={type}
options={variableOptions}
width={16}
/>
</InlineField>
{type === QueryType.LabelValues && (
<>
<InlineField label="Label" labelWidth={20}>
<Select
aria-label="Label"
onChange={onLabelChange}
onBlur={handleBlur}
value={{ label: label, value: label }}
options={labelOptions}
width={16}
allowCustomValue
/>
</InlineField>
</>
)}
</InlineFieldRow>
{type === QueryType.LabelValues && (
<>
<InlineField label="Label" labelWidth={20}>
<Select
aria-label="Label"
onChange={onLabelChange}
onBlur={handleBlur}
value={{ label: label, value: label }}
options={labelOptions}
width={16}
allowCustomValue
/>
</InlineField>
<InlineFieldRow>
<InlineField
label="Stream selector"
labelWidth={20}
grow={true}
tooltip={
<div>
{
@@ -112,11 +119,10 @@ export const LokiVariableQueryEditor = ({ onChange, query, datasource }: Props)
value={stream}
onChange={onStreamChange}
onBlur={handleBlur}
width={22}
/>
</InlineField>
</>
</InlineFieldRow>
)}
</InlineFieldRow>
</>
);
};