yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2026-01-06 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI : Change the popover to hover on Type in table entity (#8700)

Browse Source 
* Change the popover to hover on Type in table entity

* change popover to antd
This commit is contained in:
Ashish Gupta 2022-11-16 11:06:08 +05:30 committed by GitHub
parent 6a0b89c27e
commit 8d60abd84e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
View File

@ -57,7 +57,6 @@ import {
getUpdateDescriptionPath,
getUpdateTagsPath,
} from '../../utils/TasksUtils';
import PopOver from '../common/popover/PopOver';
import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer';
import { ModalWithMarkdownEditor } from '../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor';
import TagsContainer from '../tags-container/tags-container';
@ -431,20 +430,15 @@ const EntityTable = ({
isReadOnly || (dataTypeDisplay.length < 25 && !isReadOnly) ? (
lowerCase(dataTypeDisplay)
) : (
<PopOver
html={
<div className="break-word">
<span>{lowerCase(dataTypeDisplay)}</span>
</div>
}
key="pop-over"
position="bottom"
theme="light"
trigger="click">
<Popover
destroyTooltipOnHide
content={lowerCase(dataTypeDisplay)}
overlayInnerStyle={{ maxWidth: '420px' }}
trigger="hover">
<Typography.Text ellipsis className="cursor-pointer">
{dataTypeDisplay}
</Typography.Text>
</PopOver>
</Popover>
)
) : (
'--'
@ -629,7 +623,7 @@ const EntityTable = ({
key: 'name',
accessor: 'name',
ellipsis: true,
width: 180,
width: 220,
render: (name: Column['name'], record: Column) => (
<Popover destroyTooltipOnHide content={name} trigger="hover">
{prepareConstraintIcon(name, record.constraint)}
@ -643,7 +637,7 @@ const EntityTable = ({
key: 'dataTypeDisplay',
accessor: 'dataTypeDisplay',
ellipsis: true,
width: 200,
width: 220,
render: renderDataTypeDisplay,
},
{