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:
@@ -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" /> {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 && (
|
||||
|
||||
Reference in New Issue
Block a user