IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Alerting: fix layout with long words / numbers (#49882)

Browse Source
This commit is contained in:
Gilles De Mey 2022-05-31 12:33:43 +02:00 committed by GitHub
parent f69c9bd704
commit e04f84fd1b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/app/features/alerting/unified/components/AnnotationDetailsField.tsx
View File

@ -34,15 +34,22 @@ export const AnnotationDetailsField: FC<Props> = ({ annotationKey, value }) => {
const AnnotationValue: FC<Props> = ({ annotationKey, value }) => {
const styles = useStyles(getStyles);
if (wellableAnnotationKeys.includes(annotationKey)) {
return <Well>{value}</Well>;
} else if (value && value.startsWith('http')) {
const needsWell = wellableAnnotationKeys.includes(annotationKey);
const needsLink = value && value.startsWith('http');
if (needsWell) {
return <Well className={styles.well}>{value}</Well>;
}
if (needsLink) {
return (
<a href={value} target="__blank" className={styles.link}>
{value}
</a>
);
}
return <>{value}</>;
};