add tool tip to cards (#11791)

This commit is contained in:
Phillip Kelley-Dotson 2020-11-24 10:20:27 -08:00 committed by GitHub
parent f49525f03e
commit d364d0354c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -20,6 +20,7 @@ import React from 'react';
import { styled } from '@superset-ui/core'; import { styled } from '@superset-ui/core';
import Icon from 'src/components/Icon'; import Icon from 'src/components/Icon';
import { Card, Skeleton, ThinSkeleton } from 'src/common/components'; import { Card, Skeleton, ThinSkeleton } from 'src/common/components';
import Tooltip from 'src/common/components/Tooltip';
import ImageLoader, { BackgroundPosition } from './ImageLoader'; import ImageLoader, { BackgroundPosition } from './ImageLoader';
const MenuIcon = styled(Icon)` const MenuIcon = styled(Icon)`
@ -229,15 +230,15 @@ function ListViewCard({
{!loading && ( {!loading && (
<Card.Meta <Card.Meta
title={ title={
<>
<TitleContainer> <TitleContainer>
<Tooltip title={title}>
<TitleLink href={url}>{title}</TitleLink> <TitleLink href={url}>{title}</TitleLink>
</Tooltip>
{titleRight && <div className="title-right"> {titleRight}</div>} {titleRight && <div className="title-right"> {titleRight}</div>}
<div className="card-actions" data-test="card-actions"> <div className="card-actions" data-test="card-actions">
{actions} {actions}
</div> </div>
</TitleContainer> </TitleContainer>
</>
} }
description={description} description={description}
// @ts-ignore // @ts-ignore