From cc4a74708f22398a132a31b93134cd27e876123c Mon Sep 17 00:00:00 2001
From: yug-shah0106 <57866661+yug-shah0106@users.noreply.github.com>
Date: Tue, 28 Jun 2022 20:19:40 +0530
Subject: [PATCH] My data hover issue fixed. (#5708)

* [issues-5697] made All Entities as the default visible option and minor css fix

* file added.

* test fix

* unit test fixed.

* minor css fix

* minor css fix

* user profile image issue fixed
---
 .../ActivityFeedCard/ActivityFeedCard.tsx     | 12 ++++--------
 .../FeedCardHeader/FeedCardHeader.tsx         |  2 +-
 .../src/components/Users/Users.component.tsx  | 19 ++++++++++---------
 3 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx
index c8c705ad8d7..8fd1506175b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx
@@ -121,13 +121,9 @@ const ActivityFeedCard: FC<ActivityFeedCardProp> = ({
 
   return (
     <div
-      className={classNames(
-        className,
-        'hover:tw-bg-gray-100 tw-p-2 tw-pb-1 tw-mb-1',
-        {
-          'tw-bg-gray-100': visible,
-        }
-      )}>
+      className={classNames(className, 'hover:tw-bg-gray-100', {
+        'tw-bg-gray-100': visible,
+      })}>
       <Popover
         destroyTooltipOnHide
         align={{ targetOffset: [0, -35] }}
@@ -151,7 +147,7 @@ const ActivityFeedCard: FC<ActivityFeedCardProp> = ({
         visible={visible}
         zIndex={9999}
         onVisibleChange={handleVisibleChange}>
-        <div className="tw-flex">
+        <div className="tw-flex tw-p-2 tw-mb-1">
           <UserPopOverCard userName={feedDetail.from}>
             <span className="tw-cursor-pointer" data-testid="authorAvatar">
               <ProfilePicture id="" name={feedDetail.from} width="32" />
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/FeedCardHeader/FeedCardHeader.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/FeedCardHeader/FeedCardHeader.tsx
index 5fd5a03db90..9cb7296331f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/FeedCardHeader/FeedCardHeader.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/FeedCardHeader/FeedCardHeader.tsx
@@ -172,7 +172,7 @@ const FeedCardHeader: FC<FeedHeaderProp> = ({
                 <Link data-testid="entitylink" to={prepareFeedLink()}>
                   <button disabled={AppState.isTourOpen}>
                     <Ellipses
-                      className="tw-w-auto tw-text-left"
+                      className="tw-w-28 tw-text-left"
                       rows={1}
                       style={{
                         color: 'rgb(24, 144, 255)',
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Users/Users.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Users/Users.component.tsx
index 61b5a3d744b..3db15ad6eeb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Users/Users.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Users/Users.component.tsx
@@ -608,18 +608,19 @@ const Users = ({
                   height="150px"
                   referrerPolicy="no-referrer"
                   src={userData.profile?.images?.image}
-                  width="300px"
                 />
               </div>
             ) : (
-              <ProfilePicture
-                displayName={userData?.displayName || userData.name}
-                height="150"
-                id={userData?.id || ''}
-                name={userData?.name || ''}
-                textClass="tw-text-5xl"
-                width="300"
-              />
+              <div style={{ width: 'inherit' }}>
+                <ProfilePicture
+                  displayName={userData?.displayName || userData.name}
+                  height="150"
+                  id={userData?.id || ''}
+                  name={userData?.name || ''}
+                  textClass="tw-text-5xl"
+                  width=""
+                />
+              </div>
             )}
             {getDisplayNameComponent()}
             <p className="tw-mt-2 tw-mx-3">{userData.email}</p>