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

fix the panel alignement in lineage edit mode full screen (#22984)

Browse Source
This commit is contained in:
Ashish Gupta 2025-08-19 15:34:04 +05:30 committed by GitHub
parent ef162cec89
commit b6c5211876
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/LineageSearchSelect/LineageSearchSelect.tsx
View File

@ -13,7 +13,6 @@
import { RightOutlined } from '@ant-design/icons';
import { Select, Space, Typography } from 'antd';
import { DefaultOptionType } from 'antd/lib/select';
import classNames from 'classnames';
import { debounce } from 'lodash';
import { useCallback, useEffect, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
@ -38,7 +37,6 @@ const LineageSearchSelect = () => {
nodes,
zoomValue,
reactFlowInstance,
isEditMode,
onNodeClick,
onColumnClick,
isPlatformLineage,
@ -227,9 +225,7 @@ const LineageSearchSelect = () => {
<Select
allowClear
showSearch
className={classNames('custom-control-search-box', {
'custom-control-search-box-edit-mode': isEditMode,
})}
className="custom-control-search-box"
data-testid="lineage-search"
dropdownMatchSelectWidth={false}
listHeight={300}

8
openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/entity-lineage.style.less
View File

@ -138,7 +138,7 @@
}
}
.ant-select.custom-control-search-box-edit-mode {
.lineage-header-edit-mode {
margin-left: @lineage-sidebar-width;
}
@ -278,7 +278,7 @@
top: @om-navbar-height;
left: @sidebar-width;
width: calc(100% - @sidebar-width);
height: calc(100vh - @om-navbar-height - @lineage-card-header-height);
height: calc(100vh - @om-navbar-height);
&.sidebar-collapsed {
left: calc(72px + @padding-md);
@ -299,10 +299,6 @@
overflow-y: scroll;
}
.entity-lineage.sidebar {
top: @lineage-breadcrumb-panel;
}
.entity-panel-container {
top: calc(@lineage-breadcrumb-panel + @lineage-toolbar-height);
margin-top: 0;

8
openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx
View File

@ -11,6 +11,7 @@
* limitations under the License.
*/
import { Card, RadioChangeEvent } from 'antd';
import classNames from 'classnames';
import Qs from 'qs';
import {
DragEvent,
@ -162,7 +163,10 @@ const Lineage = ({
data-testid="lineage-details"
title={
isPlatformLineage ? null : (
<>
<div
className={classNames('lineage-header', {
'lineage-header-edit-mode': isEditMode,
})}>
{isFullScreen && breadcrumbs.length > 0 && (
<TitleBreadcrumb className="p-b-lg" titleLinks={breadcrumbs} />
)}
@ -172,7 +176,7 @@ const Lineage = ({
handleActiveViewTabChange={handleActiveViewTabChange}
onlyShowTabSwitch={activeViewTab === LINEAGE_TAB_VIEW.TABLE_VIEW}
/>
</>
</div>
)
}>
{activeViewTab === LINEAGE_TAB_VIEW.DIAGRAM_VIEW ? (