From eec45d40c5b904fae6d77f29f3c4a4672e8e90c3 Mon Sep 17 00:00:00 2001
From: Ashish Gupta <ashish@getcollate.io>
Date: Mon, 30 Sep 2024 16:57:21 +0530
Subject: [PATCH] fix some customProperty ui changes

---
 .../common/CustomPropertyTable/PropertyValue.tsx          | 8 ++++----
 .../common/CustomPropertyTable/property-value.less        | 4 ++++
 .../ui/src/constants/CustomProperty.constants.ts          | 1 -
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/PropertyValue.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/PropertyValue.tsx
index 08012c9d1779..1e93b6ea479a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/PropertyValue.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/PropertyValue.tsx
@@ -865,7 +865,7 @@ export const PropertyValue: FC<PropertyValueProps> = ({
                                 isTeam={item.type === 'team'}
                                 name={item.name ?? ''}
                                 type="circle"
-                                width="18"
+                                width="20"
                               />
                             ) : (
                               searchClassBase.getEntityIcon(item.type)
@@ -909,14 +909,14 @@ export const PropertyValue: FC<PropertyValueProps> = ({
                 icon={
                   <div
                     className="entity-button-icon m-r-xs"
-                    style={{ width: '18px', display: 'flex' }}>
+                    style={{ width: '20px', display: 'flex' }}>
                     {['user', 'team'].includes(item.type) ? (
                       <ProfilePicture
                         className="d-flex"
                         isTeam={item.type === 'team'}
                         name={item.name ?? ''}
                         type="circle"
-                        width="18"
+                        width="20"
                       />
                     ) : (
                       searchClassBase.getEntityIcon(item.type)
@@ -1111,7 +1111,7 @@ export const PropertyValue: FC<PropertyValueProps> = ({
   if (isRenderedInRightPanel) {
     return (
       <div
-        className="custom-property-card"
+        className="custom-property-card-right-panel"
         data-testid="custom-property-right-panel-card">
         {isInlineProperty ? customPropertyInlineElement : customPropertyElement}
       </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/property-value.less b/openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/property-value.less
index 9ae2c82ddcd9..6dcbfa1f9cb4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/property-value.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/property-value.less
@@ -60,3 +60,7 @@
     overflow-x: scroll;
   }
 }
+
+.custom-property-card-right-panel {
+  overflow-x: scroll;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/CustomProperty.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/CustomProperty.constants.ts
index ba81a8631aa4..05af0f6cb6bc 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/CustomProperty.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/CustomProperty.constants.ts
@@ -134,7 +134,6 @@ export const INLINE_PROPERTY_TYPES = [
   'dateTime-cp',
   'duration',
   'email',
-  'entityReference',
   'integer',
   'number',
   'string',