IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-26 19:00:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

Transformations: Fix group by field transformation field name text-overflow (#74173)

Browse Source 
Transformations: Grow field name label
This commit is contained in:
Oscar Kilhed 2023-08-31 15:15:27 +02:00 committed by GitHub
parent 8b08ae337e
commit de25588956
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/features/transformers/editors/GroupByTransformerEditor.tsx
View File

@ -83,7 +83,7 @@ export const GroupByFieldConfiguration = ({ fieldName, config, onConfigChange }:
);
return (
<InlineField label={fieldName} labelWidth={32} grow shrink>
<InlineField className={styles.label} label={fieldName} grow shrink>
<Stack gap={0.5} direction="row" wrap={false}>
<div className={styles.operation}>
<Select options={options} value={config?.operation} placeholder="Ignored" onChange={onChange} isClearable />
@ -107,6 +107,11 @@ export const GroupByFieldConfiguration = ({ fieldName, config, onConfigChange }:
const getStyles = (theme: GrafanaTheme2) => {
return {
label: css`
label {
min-width: ${theme.spacing(32)};
}
`,
operation: css`
flex-shrink: 0;
height: 100%;