DashboardLinks: Make click area bigger in the list (#86481)

* DasboardLinks: Make click area bigger in the list

* Update DashboardLinkList.tsx

* Remove import
This commit is contained in:
Tobias Skarhed
2024-04-25 11:59:04 +02:00
committed by GitHub
parent c049e5bbfc
commit 18c4bee18e
2 changed files with 4 additions and 18 deletions
-3
View File
@@ -2477,9 +2477,6 @@ exports[`better eslint`] = {
[0, 0, 0, "Do not re-export imported variable (\`./AnnotationSettingsEdit\`)", "0"],
[0, 0, 0, "Do not re-export imported variable (\`./AnnotationSettingsList\`)", "1"]
],
"public/app/features/dashboard-scene/settings/links/DashboardLinkList.tsx:5381": [
[0, 0, 0, "\'HorizontalGroup\' import from \'@grafana/ui\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
],
"public/app/features/dashboard-scene/settings/variables/components/SelectionOptionsForm.tsx:5381": [
[0, 0, 0, "\'VerticalGroup\' import from \'@grafana/ui\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
],
@@ -3,18 +3,7 @@ import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { DashboardLink } from '@grafana/schema';
import {
Button,
DeleteButton,
EmptyState,
HorizontalGroup,
Icon,
IconButton,
Stack,
TagList,
TextLink,
useStyles2,
} from '@grafana/ui';
import { Button, DeleteButton, EmptyState, Icon, IconButton, Stack, TagList, TextLink, useStyles2 } from '@grafana/ui';
import { Trans, t } from 'app/core/internationalization';
interface DashboardLinkListProps {
@@ -80,12 +69,12 @@ export function DashboardLinkList({
<td role="gridcell" className="pointer" onClick={() => onEdit(idx)}>
<Icon name="external-link-alt" /> &nbsp; {link.type}
</td>
<td role="gridcell">
<HorizontalGroup>
<td role="gridcell" className="pointer" onClick={() => onEdit(idx)}>
<Stack>
{link.title && <span className={styles.titleWrapper}>{link.title}</span>}
{link.type === 'link' && <span className={styles.urlWrapper}>{link.url}</span>}
{link.type === 'dashboards' && <TagList tags={link.tags ?? []} />}
</HorizontalGroup>
</Stack>
</td>
<td style={{ width: '1%' }} role="gridcell">
{idx !== 0 && (