fix overflow of table cell data (#14890)

This commit is contained in:
Ashish Gupta 2024-01-26 18:51:00 +05:30 committed by GitHub
parent db985fda57
commit 6d02fe11a1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 12 deletions

View File

@ -313,34 +313,30 @@ const SchemaTable = ({
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
accessor: 'name', accessor: 'name',
width: 180, width: 200,
fixed: 'left', fixed: 'left',
render: (name: Column['name'], record: Column) => { render: (name: Column['name'], record: Column) => {
const { displayName } = record; const { displayName } = record;
return ( return (
<div className="d-inline-flex flex-column hover-icon-group"> <div className="d-inline-flex flex-column hover-icon-group w-max-90">
<div className="inline"> <div className="d-inline-flex items-baseline">
{prepareConstraintIcon({ {prepareConstraintIcon({
columnName: name, columnName: name,
columnConstraint: record.constraint, columnConstraint: record.constraint,
tableConstraints, tableConstraints,
})} })}
{/* If we do not have displayName name only be shown in the bold from the below code */}
<Typography.Text <Typography.Text
className="m-b-0 d-block text-grey-muted" className="m-b-0 d-block text-grey-muted break-word"
data-testid="column-name" data-testid="column-name">
ellipsis={{ tooltip: true }}>
{name} {name}
</Typography.Text> </Typography.Text>
</div> </div>
{!isEmpty(displayName) ? ( {!isEmpty(displayName) ? (
// It will render displayName fallback to name // It will render displayName fallback to name
<Typography.Text <Typography.Text
className="m-b-0 d-block" className="m-b-0 d-block break-word"
data-testid="column-display-name" data-testid="column-display-name">
ellipsis={{ tooltip: true }}>
{getEntityName(record)} {getEntityName(record)}
</Typography.Text> </Typography.Text>
) : null} ) : null}

View File

@ -22,5 +22,5 @@ export const TASK_TYPES = {
'message.request-test-case-failure-resolution-message' 'message.request-test-case-failure-resolution-message'
), ),
RequestApproval: i18n.t('message.request-approval-message'), RequestApproval: i18n.t('message.request-approval-message'),
Generic: i18n.t('message.generic-message'), Generic: i18n.t('message.request-tags-message'),
}; };