Avoid overflow on /targets page (#8609)
Target errors are rendered as badges. If error text is very long it will expand the table since badges are not allowed to wrap. Replace badge with a span which is allowed to wrap around. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com>
This commit is contained in:
parent
e14176756f
commit
8ca29cb636
|
@ -70,7 +70,7 @@ const ScrapePoolPanel: FC<PanelProps> = ({ scrapePool, targetGroup }) => {
|
||||||
</td>
|
</td>
|
||||||
<td className={styles['last-scrape']}>{formatRelative(lastScrape, now())}</td>
|
<td className={styles['last-scrape']}>{formatRelative(lastScrape, now())}</td>
|
||||||
<td className={styles['scrape-duration']}>{humanizeDuration(lastScrapeDuration * 1000)}</td>
|
<td className={styles['scrape-duration']}>{humanizeDuration(lastScrapeDuration * 1000)}</td>
|
||||||
<td className={styles.errors}>{lastError ? <Badge color={color}>{lastError}</Badge> : null}</td>
|
<td className={styles.errors}>{lastError ? <span className="text-danger">{lastError}</span> : null}</td>
|
||||||
</tr>
|
</tr>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|
Loading…
Reference in New Issue