From d364d0354c5307facd3f89601b055a6874987c93 Mon Sep 17 00:00:00 2001
From: Phillip Kelley-Dotson <pkelleydotson@yahoo.com>
Date: Tue, 24 Nov 2020 10:20:27 -0800
Subject: [PATCH] add tool tip to cards (#11791)

---
 .../src/components/ListViewCard/index.tsx       | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

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