[v9.4.x] Alerting: Fix width in alerts table columns on EditGroupModal (#63849)

Co-authored-by: Sonia Aguilar <33540275+soniaAguilarPeiron@users.noreply.github.com>
Fix width in alerts table columns on EditGroupModal (#63845)
This commit is contained in:
Grot (@grafanabot)
2023-02-28 08:48:50 -05:00
committed by GitHub
parent b23f3964e9
commit 6cab7f956c
@@ -155,11 +155,11 @@ export const RulesForGroupTable = ({ rulesWithoutRecordingRules }: { rulesWithou
renderCell: ({ data: { forDuration } }) => {
return <>{forDuration}</>;
},
size: 0.2,
size: 0.5,
},
{
id: 'numberEvaluations',
label: '#Evaluations',
label: '#Eval',
renderCell: ({ data: { evaluationsToFire: numberEvaluations } }) => {
if (unknownCurrentInterval) {
return <ForBadge message="#Evaluations not available." />;
@@ -176,7 +176,7 @@ export const RulesForGroupTable = ({ rulesWithoutRecordingRules }: { rulesWithou
}
}
},
size: 0.6,
size: 0.4,
},
];
}, [currentInterval, unknownCurrentInterval]);
@@ -431,7 +431,7 @@ export function EditCloudGroupModal(props: ModalProps): React.ReactElement {
<>
<div>List of rules that belong to this group</div>
<div className={styles.evalRequiredLabel}>
#Evaluations column represents the number of evaluations needed before alert starts firing.
#Eval column represents the number of evaluations needed before alert starts firing.
</div>
<RulesForGroupTable rulesWithoutRecordingRules={rulesWithoutRecordingRules} />
</>