Optimize resizable panels height for domain and data products page co…

…mponents
open-metadata · Jul 3, 2024 · cff1e33 · cff1e33
1 parent 90ca82d
commit cff1e33
Show file tree

Hide file tree

Showing 5 changed files with 199 additions and 191 deletions.
diff --git a/...src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx b/...src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx
@@ -410,7 +410,9 @@ const DataProductsDetailsPage = ({
               key: DataProductTabs.ASSETS,
               children: (
                 <ResizablePanels
+                  className="domain-height-with-resizable-panel"
                   firstPanel={{
+                    className: 'domain-resizable-panel-container',
                     children: (
                       <div className="p-x-md p-y-md">
                         <AssetsTabs
@@ -440,7 +442,8 @@ const DataProductsDetailsPage = ({
                     ),
                     minWidth: 400,
                     flex: 0.13,
-                    className: 'entity-summary-resizable-right-panel-container',
+                    className:
+                      'entity-summary-resizable-right-panel-container domain-resizable-panel-container',
                   }}
                 />
               ),

diff --git a/...main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx b/...main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx
@@ -474,7 +474,9 @@ const DomainDetailsPage = ({
               key: DomainTabs.ASSETS,
               children: (
                 <ResizablePanels
+                  className="domain-height-with-resizable-panel"
                   firstPanel={{
+                    className: 'domain-resizable-panel-container',
                     children: (
                       <div className="p-x-md p-y-md">
                         <AssetsTabs
@@ -504,7 +506,8 @@ const DomainDetailsPage = ({
                     ),
                     minWidth: 400,
                     flex: 0.13,
-                    className: 'entity-summary-resizable-right-panel-container',
+                    className:
+                      'entity-summary-resizable-right-panel-container domain-resizable-panel-container',
                   }}
                 />
               ),

diff --git a/...sources/ui/src/components/Domain/DomainTabs/DataProductsTab/DataProductsTab.component.tsx b/...sources/ui/src/components/Domain/DomainTabs/DataProductsTab/DataProductsTab.component.tsx
@@ -119,7 +119,9 @@ const DataProductsTab = forwardRef(
 
     return (
       <ResizablePanels
+        className="domain-height-with-resizable-panel"
         firstPanel={{
+          className: 'domain-resizable-panel-container',
           children: (
             <div className="p-x-md p-y-md">
               {dataProducts.data.map((dataProduct) => (
@@ -158,7 +160,8 @@ const DataProductsTab = forwardRef(
           ),
           minWidth: 320,
           flex: 0.13,
-          className: 'entity-summary-resizable-right-panel-container',
+          className:
+            'entity-summary-resizable-right-panel-container domain-resizable-panel-container',
         }}
       />
     );