yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-10-31 02:29:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(ui): fix ui styling issue (#13211)

Browse Source 
* fix ui styling issue

* fix oveflow issue in table cell

---------

Co-authored-by: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
This commit is contained in:
Ashish Gupta 2023-09-20 00:23:00 +05:30 committed by GitHub
parent 902541f612
commit e25c5968f3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
openmetadata-ui/src/main/resources/ui/src/components/SchemaTable/SchemaTable.component.tsx
View File

@ -12,7 +12,7 @@
*/ */
import Icon, { FilterOutlined } from '@ant-design/icons'; import Icon, { FilterOutlined } from '@ant-design/icons';
import { Space, Table, Tooltip, Typography } from 'antd'; import { Table, Tooltip, Typography } from 'antd';
import { ColumnsType } from 'antd/lib/table'; import { ColumnsType } from 'antd/lib/table';
import { ExpandableConfig } from 'antd/lib/table/interface'; import { ExpandableConfig } from 'antd/lib/table/interface';
import { ReactComponent as IconEdit } from 'assets/svg/edit-new.svg'; import { ReactComponent as IconEdit } from 'assets/svg/edit-new.svg';
@ -355,17 +355,13 @@ const SchemaTable = ({
const { displayName } = record; const { displayName } = record;
return ( return (
<Space className="hover-icon-group m-0" direction="vertical"> <div className="d-inline-flex flex-column hover-icon-group w-full">
<Space <div className="d-inline-flex">
align="center"
className="w-max-90 vertical-align-inherit"
size={2}>
{prepareConstraintIcon({ {prepareConstraintIcon({
columnName: name, columnName: name,
columnConstraint: record.constraint, columnConstraint: record.constraint,
tableConstraints, tableConstraints,
})} })}
<div>
{/* If we do not have displayName name only be shown in the bold from the below code */} {/* If we do not have displayName name only be shown in the bold from the below code */}
{!isEmpty(displayName) ? ( {!isEmpty(displayName) ? (
<Typography.Text <Typography.Text
@ -383,13 +379,12 @@ const SchemaTable = ({
{getEntityName(record)} {getEntityName(record)}
</Typography.Text> </Typography.Text>
</div> </div>
</Space>
<Icon <Icon
className="hover-cell-icon text-left" className="hover-cell-icon text-left m-t-xss"
component={IconEdit} component={IconEdit}
onClick={() => handleEditDisplayNameClick(record)} onClick={() => handleEditDisplayNameClick(record)}
/> />
</Space> </div>
); );
}, },
}, },

4
openmetadata-ui/src/main/resources/ui/src/pages/TableDetailsPageV1/FrequentlyJoinedTables/FrequentlyJoinedTables.component.tsx
View File

@ -33,9 +33,9 @@ export const FrequentlyJoinedTables = ({
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Row className="m-x-xs" gutter={[0, 16]}> <Row className="m-b-lg" gutter={[0, 8]}>
<Col className="m-b" span={24}> <Col className="m-b" span={24}>
<Typography.Text> <Typography.Text className="right-panel-label">
{t('label.frequently-joined-table-plural')} {t('label.frequently-joined-table-plural')}
</Typography.Text> </Typography.Text>
</Col> </Col>

2
openmetadata-ui/src/main/resources/ui/src/pages/TableDetailsPageV1/FrequentlyJoinedTables/frequently-joined-tables.style.less
View File

@ -17,8 +17,6 @@
overflow-y: scroll; overflow-y: scroll;
.frequently-joint-data { .frequently-joint-data {
padding: 12px;
.frequently-joint-name { .frequently-joint-name {
font-weight: 300; font-weight: 300;
} }