Truncate alert rule message preview with ellipsis

2018-06-13 14:46:59 -07:00 · 2018-06-13 14:46:59 -07:00 · 43ea90a634
parent 0643a7b085
commit 43ea90a634
1 changed files with 5 additions and 1 deletions
--- a/ui/src/kapacitor/components/KapacitorRulesTable.tsx
+++ b/ui/src/kapacitor/components/KapacitorRulesTable.tsx
@ -102,7 +102,11 @@ export class RuleRow extends PureComponent<RuleRowProps> {
        <td style={{width: colTrigger, textTransform: 'capitalize'}}>
          {rule.trigger}
        </td>
-        <td style={{width: colMessage}}>{rule.message}</td>
+        <td style={{width: colMessage}}>
+          <span className="text-ellipsis" style={{maxWidth: colMessage}}>
+            {rule.message}
+          </span>
+        </td>
        <td style={{width: colAlerts}}>{parseAlertNodeList(rule)}</td>
        <td style={{width: colEnabled}} className="text-center">
          <div className="dark-checkbox">