Alerting: Make hovercard accessible (#85195)

This commit is contained in:
Gilles De Mey 2024-03-27 10:05:30 +01:00 committed by GitHub
parent ace1cd6301
commit 90a1e8a82f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -37,7 +37,7 @@ export const HoverCard = ({
}
const body = (
<Stack direction="column" gap={0}>
<Stack direction="column" gap={0} role="tooltip">
{header && <div className={styles.card.header}>{header}</div>}
<div className={styles.card.body}>{content}</div>
{footer && <div className={styles.card.footer}>{footer}</div>}
@ -69,6 +69,7 @@ export const HoverCard = ({
onMouseLeave: hidePopper,
onFocus: showPopper,
onBlur: hidePopper,
tabIndex: 0,
})}
</>
);