fix(ui): add overflow wrap for dpi / model summary tab & add custom p…

…roperties in mlmodelgroup queries (#12771)
datahub-project · Mar 4, 2025 · 3b4f383 · 3b4f383
1 parent 5576b3c
commit 3b4f383
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/datahub-web-react/src/app/entity/dataProcessInstance/profile/DataProcessInstanceSummary.tsx b/datahub-web-react/src/app/entity/dataProcessInstance/profile/DataProcessInstanceSummary.tsx
@@ -24,6 +24,7 @@ const InfoItemContainer = styled.div<{ justifyContent }>`
 const InfoItemContent = styled.div`
     padding-top: 8px;
     width: 100px;
+    overflow-wrap: break-word;
 `;
 
 const propertyTableColumns = [

diff --git a/datahub-web-react/src/app/entity/mlModel/profile/MLModelSummary.tsx b/datahub-web-react/src/app/entity/mlModel/profile/MLModelSummary.tsx
@@ -26,9 +26,7 @@ const InfoItemContainer = styled.div<{ justifyContent }>`
 const InfoItemContent = styled.div`
     padding-top: 8px;
     width: 100px;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 5px;
+    overflow-wrap: break-word;
 `;
 
 const JobLink = styled(Link)`

diff --git a/datahub-web-react/src/graphql/fragments.graphql b/datahub-web-react/src/graphql/fragments.graphql
@@ -1151,6 +1151,10 @@ fragment nonRecursiveMLModelGroupFields on MLModelGroup {
             trainingJobs
             downstreamJobs
         }
+        customProperties {
+            key
+            value
+        }
     }
     browsePathV2 {
         ...browsePathV2Fields