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

VizTooltip: Update datalinks styling (#93950)

Browse Source
This commit is contained in:
Adela Almasan 2024-09-27 22:33:10 -06:00 committed by GitHub
parent f9f85131a9
commit 47b51326cc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/grafana-ui/src/components/VizTooltip/VizTooltipFooter.tsx
View File

@ -2,7 +2,7 @@ import { css } from '@emotion/css';
import { ActionModel, Field, GrafanaTheme2, LinkModel } from '@grafana/data'; import { ActionModel, Field, GrafanaTheme2, LinkModel } from '@grafana/data';
import { Button, ButtonProps, DataLinkButton, Stack } from '..'; import { Button, Stack, TextLink } from '..';
import { useStyles2 } from '../../themes'; import { useStyles2 } from '../../themes';
import { ActionButton } from '../Actions/ActionButton'; import { ActionButton } from '../Actions/ActionButton';
@ -15,14 +15,19 @@ interface VizTooltipFooterProps {
export const ADD_ANNOTATION_ID = 'add-annotation-button'; export const ADD_ANNOTATION_ID = 'add-annotation-button';
const renderDataLinks = (dataLinks: LinkModel[]) => { const renderDataLinks = (dataLinks: LinkModel[]) => {
const buttonProps: ButtonProps = {
variant: 'secondary',
};
return ( return (
<Stack direction="column" justifyContent="flex-start"> <Stack direction="column" justifyContent="flex-start">
{dataLinks.map((link, i) => ( {dataLinks.map((link, i) => (
<DataLinkButton key={i} link={link} buttonProps={buttonProps} /> <TextLink
key={i}
href={link.href}
external={link.target === '_blank'}
weight={'medium'}
inline={false}
variant={'bodySmall'}
>
{link.title}
</TextLink>
))} ))}
</Stack> </Stack>
); );