{t('label.domain')}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityHeaderTitle/EntityHeaderTitle.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityHeaderTitle/EntityHeaderTitle.component.tsx
index 8fa241710ec..23bb689fb10 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityHeaderTitle/EntityHeaderTitle.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityHeaderTitle/EntityHeaderTitle.component.tsx
@@ -79,6 +79,30 @@ const EntityHeaderTitle = ({
[showOnlyDisplayName, displayName, name]
);
+ const badges = useMemo(
+ () => (
+ <>
+ {isDisabled && (
+
+ )}
+ {deleted && (
+
+
+
+ {t('label.deleted')}
+
+
+ )}
+ {badge &&
{badge}}
+ >
+ ),
+ [isDisabled, deleted, badge]
+ );
+
const content = (
{icon && {icon}}
+ className={classNames('d-flex flex-col gap-2', {
+ 'w-max-full-140': deleted || badge,
+ })}>
{/* If we do not have displayName name only be shown in the bold from the below code */}
{!isEmpty(displayName) && showName ? (
-
-
- {stringToHTML(displayName ?? name)}
-
-
+
+
+
+ {stringToHTML(displayName ?? name)}
+
+
+ {badges}
+
) : null}
- {isFollowing ? 'Following' : 'Follow'}
+ {t(`label.${isFollowing ? 'un-follow' : 'follow'}`)}
@@ -163,28 +192,13 @@ const EntityHeaderTitle = ({
- {isDisabled && (
-
- )}
- {deleted && (
-
-
-
- {t('label.deleted')}
-
-
- )}
- {badge && {badge}}
+ {isEmpty(displayName) ? badges : null}
);
return link && !isTourRoute ? (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/CommonEntitySummaryInfo/CommonEntitySummaryInfo.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/CommonEntitySummaryInfo/CommonEntitySummaryInfo.tsx
index c5dcccab494..6c928193d12 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/CommonEntitySummaryInfo/CommonEntitySummaryInfo.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/CommonEntitySummaryInfo/CommonEntitySummaryInfo.tsx
@@ -43,7 +43,7 @@ function CommonEntitySummaryInfo({
<>
{info.name}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryTermTab/GlossaryTermTab.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryTermTab/GlossaryTermTab.component.tsx
index 8479d1007ad..79f7e8540a3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryTermTab/GlossaryTermTab.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryTermTab/GlossaryTermTab.component.tsx
@@ -419,7 +419,6 @@ const GlossaryTermTab = ({ isGlossary, className }: GlossaryTermTabProps) => {
);
},
},
- ...ownerTableObject
(),
{
title: t('label.status'),
dataIndex: GLOSSARY_TERM_TABLE_COLUMNS_KEYS.STATUS,
@@ -458,6 +457,7 @@ const GlossaryTermTab = ({ isGlossary, className }: GlossaryTermTabProps) => {
},
onFilter: (value, record) => record.status === value,
},
+ ...ownerTableObject(),
];
if (permissions.Create) {
data.push({
@@ -667,8 +667,10 @@ const GlossaryTermTab = ({ isGlossary, className }: GlossaryTermTabProps) => {
trigger={['click']}
onOpenChange={setIsStatusDropdownVisible}>
+ className="text-primary"
+ data-testid="glossary-status-dropdown"
+ size="small"
+ type="text">
{t('label.status')}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Settings/Bot/BotDetails/BotDetails.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Settings/Bot/BotDetails/BotDetails.component.tsx
index f0a8c5d8dd0..f248fbe1644 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Settings/Bot/BotDetails/BotDetails.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Settings/Bot/BotDetails/BotDetails.component.tsx
@@ -28,7 +28,11 @@ import React, { FC, useEffect, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { ReactComponent as IconBotProfile } from '../../../../assets/svg/bot-profile.svg';
import { ReactComponent as EditIcon } from '../../../../assets/svg/edit-new.svg';
-import { PAGE_SIZE_LARGE, TERM_ADMIN } from '../../../../constants/constants';
+import {
+ DE_ACTIVE_COLOR,
+ PAGE_SIZE_LARGE,
+ TERM_ADMIN,
+} from '../../../../constants/constants';
import { GlobalSettingOptions } from '../../../../constants/GlobalSettings.constants';
import { useLimitStore } from '../../../../context/LimitsProvider/useLimitsStore';
import { EntityType } from '../../../../enums/entity.enum';
@@ -186,7 +190,9 @@ const BotDetails: FC = ({
}
+ icon={
+
+ }
type="text"
onClick={() => setIsDisplayNameEdit(true)}
/>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainerV2/TagsContainerV2.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainerV2/TagsContainerV2.tsx
index 3f189ff0b42..6ba71b84f16 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainerV2/TagsContainerV2.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainerV2/TagsContainerV2.tsx
@@ -280,7 +280,6 @@ const TagsContainerV2 = ({
{!isEmpty(tags?.[tagType]) && !isEditTags && (
}
+ icon={ }
+ size="small"
type="text"
/>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/DomainSelectableList/domain-select-dropdown.less b/openmetadata-ui/src/main/resources/ui/src/components/common/DomainSelectableList/domain-select-dropdown.less
index 3f0812b84b3..fd80e125d6d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/DomainSelectableList/domain-select-dropdown.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/DomainSelectableList/domain-select-dropdown.less
@@ -41,11 +41,22 @@
color: @text-color;
}
}
-.remove-button-default-styling {
- .ant-btn-icon-only {
- border: 1px solid @border-light;
- border-radius: 4px;
- width: 20px;
- height: 20px;
+.data-assets-header-container,
+.teams-info-header-container {
+ .remove-button-default-styling {
+ .ant-btn-icon-only {
+ border: 1px solid @border-light;
+ background-color: @background-color;
+ border-radius: 4px;
+ width: 20px;
+ height: 20px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ svg {
+ font-size: 12px;
+ width: 12px;
+ }
+ }
}
}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/IconButtons/EditIconButton.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/IconButtons/EditIconButton.tsx
index 694cdbc9403..b80f813987f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/IconButtons/EditIconButton.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/IconButtons/EditIconButton.tsx
@@ -40,10 +40,11 @@ export const EditIconButton = ({
{...props}
/>
) : (
- }
+ size="small"
+ type="text"
{...props}
/>
)}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerAvtar/OwnerAvatar.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerAvtar/OwnerAvatar.tsx
index a890fa18f00..4effacee2df 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerAvtar/OwnerAvatar.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerAvtar/OwnerAvatar.tsx
@@ -22,11 +22,13 @@ import './owner-avtar.less';
interface OwnerAvatarProps {
owner: EntityReference;
isCompactView: boolean;
+ inheritedIcon?: React.ReactNode;
}
export const OwnerAvatar: React.FC = ({
owner,
isCompactView,
+ inheritedIcon,
}) => {
const displayName = getEntityName(owner);
@@ -55,6 +57,12 @@ export const OwnerAvatar: React.FC = ({
type="circle"
width={isCompactView ? '18' : '32'}
/>
+
+ {inheritedIcon && !isCompactView && (
+
+ {inheritedIcon}
+
+ )}
);
};
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerAvtar/owner-avtar.less b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerAvtar/owner-avtar.less
index 42445de9053..4b7865cb5ea 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerAvtar/owner-avtar.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerAvtar/owner-avtar.less
@@ -15,3 +15,39 @@
.anticon.owner-team-icon {
color: @grey-700;
}
+
+.owner-avatar-icon {
+ position: relative;
+
+ .inherited-icon-styling {
+ position: absolute;
+ bottom: -4px;
+ right: -4px;
+ background-color: white;
+ border-radius: 50%;
+
+ width: 16px;
+ height: 16px;
+ z-index: 1;
+ border: 1px solid @blue-9;
+ svg {
+ color: @blue-9;
+ }
+ }
+}
+
+// Styling for the avatar group layout (for the overlapping effect)
+.avatar-group {
+ display: flex;
+
+ .owner-avatar-icon {
+ margin-right: -8px;
+
+ border-radius: 50%;
+ overflow: hidden;
+
+ &:hover {
+ z-index: 2;
+ }
+ }
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerItem/OwnerItem.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerItem/OwnerItem.tsx
index 15063ac1f17..e5d17008d39 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerItem/OwnerItem.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerItem/OwnerItem.tsx
@@ -45,7 +45,7 @@ export const OwnerItem: React.FC