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
This commit is contained in:
yug-shah0106 2022-06-28 20:19:40 +05:30 committed by GitHub
parent ea35d77b52
commit cc4a74708f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 18 deletions

View File

@ -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" />

View File

@ -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)',

View File

@ -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>