From ff1d2c251ada6141262cf775c668f173f9e99d1c Mon Sep 17 00:00:00 2001
From: Sachin Chaurasiya <sachinchaurasiyachotey87@gmail.com>
Date: Fri, 26 Aug 2022 00:36:53 +0530
Subject: [PATCH] Fix #6932 UI | Full Table name is not displayed on the Table
 Home Page (#6933)

---
 .../title-breadcrumb.component.tsx            | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/title-breadcrumb/title-breadcrumb.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/title-breadcrumb/title-breadcrumb.component.tsx
index 8616a0828ab..080c66211af 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/title-breadcrumb/title-breadcrumb.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/title-breadcrumb/title-breadcrumb.component.tsx
@@ -13,6 +13,7 @@
 
 import { faAngleRight } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Tooltip } from 'antd';
 import classNames from 'classnames';
 import React, {
   FunctionComponent,
@@ -106,17 +107,19 @@ const TitleBreadcrumb: FunctionComponent<TitleBreadcrumbProps> = ({
                 </Link>
               ) : (
                 <>
-                  <span
-                    className={classNames(
-                      classes,
-                      'tw-cursor-text hover:tw-text-primary hover:tw-no-underline'
-                    )}
-                    data-testid="inactive-link"
-                    style={{
-                      maxWidth,
-                    }}>
-                    {link.name}
-                  </span>
+                  <Tooltip align={{ offset: [0, 10] }} title={link.name}>
+                    <span
+                      className={classNames(
+                        classes,
+                        'tw-cursor-text hover:tw-text-primary hover:tw-no-underline'
+                      )}
+                      data-testid="inactive-link"
+                      style={{
+                        maxWidth,
+                      }}>
+                      {link.name}
+                    </span>
+                  </Tooltip>
                   {noLink && index < titleLinks.length - 1 && (
                     <span className="tw-px-2">
                       <FontAwesomeIcon