diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg index 1d25f2f98f5..26071da9e5b 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx index e58f3f557f4..3ab8b3efd4e 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx @@ -615,15 +615,14 @@ export const DataAssetsHeader = ({ entity: t('label.tier'), })}> } - size="small" type="text" /> @@ -650,15 +649,14 @@ export const DataAssetsHeader = ({ entity: t('label.tier'), })}> } - size="small" type="text" /> diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/data-asset-header.less b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/data-asset-header.less index a41e9f94947..639154128a6 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/data-asset-header.less +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/data-asset-header.less @@ -38,6 +38,9 @@ .ant-btn-icon-only.edit-tier-button { border: 1px solid @border-light; + width: 20px; + height: 20px; + border-radius: 4px; svg { color: @grey-600; } @@ -81,14 +84,31 @@ text-overflow: ellipsis; white-space: nowrap; } -} -.ant-btn-group { - .ant-btn { - height: 40px; + .ant-btn-group { + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + .ant-btn { + background-color: @background-color; + border-radius: 8px; + box-shadow: 0px 1px 2px 0px #0a0d120f, 0px 1px 3px 0px #0a0d121a; + } + + > .ant-btn:first-child:not(:last-child), + > span:first-child:not(:last-child) > .ant-btn { + border-radius: 8px; + } + } + + .ant-btn-group { + .ant-btn { + height: 40px; + } + } + + .ant-divider.ant-divider-vertical.vertical-divider { + height: 50px; } } - -.ant-divider.ant-divider-vertical.vertical-divider { - height: 50px; -} 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 5fec8aaaf88..ed1b228eb55 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 @@ -20,7 +20,6 @@ import { Link } from 'react-router-dom'; import { ReactComponent as ShareIcon } from '../../../assets/svg/copy-right.svg'; import { ReactComponent as IconExternalLink } from '../../../assets/svg/external-link-grey.svg'; import { ReactComponent as StarFilledIcon } from '../../../assets/svg/ic-star-filled.svg'; -import { TEXT_COLOR } from '../../../constants/Color.constants'; import { ROUTES } from '../../../constants/constants'; import { useClipboard } from '../../../hooks/useClipBoard'; import useCustomLocation from '../../../hooks/useCustomLocation/useCustomLocation'; @@ -40,7 +39,6 @@ const EntityHeaderTitle = ({ badge, isDisabled, className, - color, showName = true, certification, excludeEntityService, @@ -82,7 +80,7 @@ const EntityHeaderTitle = ({ }`}> {/* If we do not have displayName name only be shown in the bold from the below code */} {!isEmpty(displayName) && showName ? ( - + - {stringToHTML(name)} + {stringToHTML(displayName ?? name)} ) : null} @@ -99,17 +97,15 @@ const EntityHeaderTitle = ({
- + - {stringToHTML(displayName || name)} + ellipsis={{ tooltip: true }}> + {stringToHTML(name)} {openEntityInNewPage && ( { @@ -39,16 +40,12 @@ const Voting = ({ votes, disabled, voteStatus, onUpdateVote }: VotingProps) => { <>