TraceView: Update feedback link style (#91845)

Update feedback link style
This commit is contained in:
Joey
2024-09-02 14:02:00 +01:00
committed by GitHub
parent 220215c9ca
commit bd5bd52a2c
@@ -20,12 +20,15 @@ export const getStyles = (theme: GrafanaTheme2) => {
gap: '4px',
marginBottom: '10px',
}),
feedbackContainer: css({
color: theme.colors.text.link,
}),
feedback: css({
margin: '6px 6px 6px 0',
color: theme.colors.text.secondary,
margin: '6px',
color: theme.colors.text.link,
fontSize: theme.typography.bodySmall.fontSize,
'&:hover': {
color: theme.colors.text.link,
textDecoration: 'underline',
},
}),
};
@@ -63,15 +66,18 @@ export default function TracePageActions(props: TracePageActionsProps) {
return (
<div className={styles.TracePageActions}>
<a
href="https://forms.gle/RZDEx8ScyZNguDoC8"
className={styles.feedback}
title="Share your thoughts about tracing in Grafana."
target="_blank"
rel="noreferrer noopener"
>
<Icon name="comment-alt-message" /> Give feedback
</a>
<div className={styles.feedbackContainer}>
<Icon name="comment-alt-message" />
<a
href="https://forms.gle/RZDEx8ScyZNguDoC8"
className={styles.feedback}
title="Share your thoughts about tracing in Grafana."
target="_blank"
rel="noreferrer noopener"
>
Give feedback
</a>
</div>
<ActionButton
onClick={copyTraceId}