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

[issues-5528] UI improvements. (#5585)

Browse Source
This commit is contained in:
yug-shah0106 2022-06-23 02:23:47 +05:30 committed by GitHub
parent 9a0d133a9c
commit 452771c34e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 50 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
openmetadata-ui/src/main/resources/ui/src/components/AdvancedSearch/AdvancedSearchDropDown.tsx
View File

@ -40,7 +40,7 @@ const AdvancedSearchDropDown: FC<Props> = ({
return ( return (
<Dropdown <Dropdown
className="tw-self-center tw-mr-2 tw-cursor-pointer" className="tw-self-end tw-mb-2 tw-mr-2 tw-cursor-pointer"
data-testid="dropdown" data-testid="dropdown"
overlay={menu} overlay={menu}
trigger={['click']}> trigger={['click']}>

2
openmetadata-ui/src/main/resources/ui/src/components/Explore/Explore.component.tsx
View File

@ -657,6 +657,7 @@ const Explore: React.FC<ExploreProps> = ({
const fetchLeftPanel = () => { const fetchLeftPanel = () => {
return ( return (
<div className="tw-h-full">
<Card <Card
data-testid="data-summary-container" data-testid="data-summary-container"
style={{ style={{
@ -694,6 +695,7 @@ const Explore: React.FC<ExploreProps> = ({
)} )}
</Fragment> </Fragment>
</Card> </Card>
</div>
); );
}; };

2
openmetadata-ui/src/main/resources/ui/src/components/Explore/SortingDropDown.tsx
View File

@ -40,7 +40,7 @@ const SortingDropDown: FC<Props> = ({
return ( return (
<Dropdown <Dropdown
className="tw-self-center tw-mr-2 tw-cursor-pointer" className="tw-self-end tw-mb-2 tw-mr-2 tw-cursor-pointer"
data-testid="dropdown" data-testid="dropdown"
overlay={menu} overlay={menu}
trigger={['click']}> trigger={['click']}>

5
openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryV1.component.tsx
View File

@ -214,8 +214,8 @@ const GlossaryV1 = ({
const fetchLeftPanel = () => { const fetchLeftPanel = () => {
return ( return (
<div className="tw-px-2" id="glossary-left-panel"> <div className="tw-h-full tw-px-2" id="glossary-left-panel">
<div className="tw-bg-white tw-shadow-box tw-border tw-border-border-gray tw-rounded-md tw-min-h-full tw-h-80vh tw-py-2"> <div className="tw-bg-white tw-shadow-box tw-border tw-border-border-gray tw-rounded-md tw-h-full tw-py-2">
<div className="tw-flex tw-justify-between tw-items-center tw-px-3"> <div className="tw-flex tw-justify-between tw-items-center tw-px-3">
<h6 className="tw-heading tw-text-base">Glossary</h6> <h6 className="tw-heading tw-text-base">Glossary</h6>
</div> </div>
@ -251,7 +251,6 @@ const GlossaryV1 = ({
</p> </p>
) : ( ) : (
<TreeView <TreeView
className="tw-px-2"
expandedKeys={expandedKey} expandedKeys={expandedKey}
handleClick={handleTreeClick} handleClick={handleTreeClick}
handleExpand={(key) => handleExpandedKey(key as string[])} handleExpand={(key) => handleExpandedKey(key as string[])}

4
openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.component.tsx
View File

@ -481,7 +481,7 @@ const GlossaryDetails = ({ isHasAccess, glossary, updateGlossary }: props) => {
</div> </div>
</NonAdminAction> </NonAdminAction>
</div> </div>
<div className="tw-flex tw-gap-4"> <div className="tw-flex tw-gap-3">
<div className="tw-w-9/12"> <div className="tw-w-9/12">
<div data-testid="description-container"> <div data-testid="description-container">
<DescriptionV1 <DescriptionV1
@ -495,7 +495,7 @@ const GlossaryDetails = ({ isHasAccess, glossary, updateGlossary }: props) => {
/> />
</div> </div>
</div> </div>
<div className="tw-w-3/12"> <div className="tw-w-3/12 tw-px-2">
<Card action={ownerAction()} heading="Owner"> <Card action={ownerAction()} heading="Owner">
<div className="tw-flex tw-items-center"> <div className="tw-flex tw-items-center">
{glossary.owner && getEntityName(glossary.owner) && ( {glossary.owner && getEntityName(glossary.owner) && (

4
openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTermsV1.component.tsx
View File

@ -481,7 +481,7 @@ const GlossaryTermsV1 = ({
const summaryTab = () => { const summaryTab = () => {
return ( return (
<div className="tw-flex tw-gap-4"> <div className="tw-flex tw-gap-3">
<div className="tw-w-9/12"> <div className="tw-w-9/12">
<div data-testid="description-container"> <div data-testid="description-container">
<DescriptionV1 <DescriptionV1
@ -623,7 +623,7 @@ const GlossaryTermsV1 = ({
</Fragment> </Fragment>
</Card> </Card>
</div> </div>
<div className="tw-w-3/12"> <div className="tw-px-2 tw-w-3/12">
<Card action={addReviewerButton()} heading="Reviewer"> <Card action={addReviewerButton()} heading="Reviewer">
<div>{getReviewerTabData()}</div> <div>{getReviewerTabData()}</div>
</Card> </Card>

2
openmetadata-ui/src/main/resources/ui/src/components/cardlist/CardListItem/CardWithListItem.tsx
View File

@ -101,7 +101,7 @@ const CardListItem: FunctionComponent<Props> = ({
/> />
</div> </div>
<div className="tw-flex tw-flex-col"> <div className="tw-flex tw-flex-col">
<h4 className={cardStyle.header.title}>{card.title}</h4> <p className={cardStyle.header.title}>{card.title}</p>
<p className={cardStyle.header.description}> <p className={cardStyle.header.description}>
{card.description.replace(/\*/g, '')} {card.description.replace(/\*/g, '')}
</p> </p>

2
openmetadata-ui/src/main/resources/ui/src/components/common/TabsPane/TabsPane.tsx
View File

@ -51,7 +51,7 @@ const TabsPane = ({
}; };
return ( return (
<div className={classNames('tw-bg-transparent tw--mx-6', className)}> <div className={classNames('tw-bg-transparent', className)}>
<nav <nav
className="tw-flex tw-items-center tw-justify-between tw-gh-tabs-container tw-px-7" className="tw-flex tw-items-center tw-justify-between tw-gh-tabs-container tw-px-7"
data-testid="tabs" data-testid="tabs"

1
openmetadata-ui/src/main/resources/ui/src/components/common/title-breadcrumb/title-breadcrumb.component.tsx
View File

@ -83,6 +83,7 @@ const TitleBreadcrumb: FunctionComponent<TitleBreadcrumbProps> = ({
className={classes} className={classes}
style={{ style={{
maxWidth, maxWidth,
fontSize: '14px',
}} }}
to={link.url}> to={link.url}>
{link.name} {link.name}