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