From b6c521187639cc69cb90fae0f744792aba10cca1 Mon Sep 17 00:00:00 2001
From: Ashish Gupta <ashish@getcollate.io>
Date: Tue, 19 Aug 2025 15:34:04 +0530
Subject: [PATCH] fix the panel alignement in lineage edit mode full screen
 (#22984)

---
 .../LineageSearchSelect/LineageSearchSelect.tsx           | 6 +-----
 .../Entity/EntityLineage/entity-lineage.style.less        | 8 ++------
 .../ui/src/components/Lineage/Lineage.component.tsx       | 8 ++++++--
 3 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/LineageSearchSelect/LineageSearchSelect.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/LineageSearchSelect/LineageSearchSelect.tsx
index 432207cea68..2aa3d0f05d2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/LineageSearchSelect/LineageSearchSelect.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/LineageSearchSelect/LineageSearchSelect.tsx
@@ -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}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/entity-lineage.style.less b/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/entity-lineage.style.less
index 4beb674d093..78941d196fb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/entity-lineage.style.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/entity-lineage.style.less
@@ -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;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx
index a3be9d17c2c..cd7542beba7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx
@@ -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 ? (