yangdx commited on
Commit
86d9157
·
1 Parent(s): 3680405

fix: limit property value display length to prevent horizontal scrollbars

Browse files
lightrag_webui/src/components/graph/EditablePropertyRow.tsx CHANGED
@@ -116,7 +116,7 @@ const EditablePropertyRow = ({
116
  }
117
 
118
  return (
119
- <div className="flex items-center gap-1">
120
  <PropertyName name={name} />
121
  <EditIcon onClick={handleEditClick} />:
122
  <PropertyValue
 
116
  }
117
 
118
  return (
119
+ <div className="flex items-center gap-1 overflow-hidden">
120
  <PropertyName name={name} />
121
  <EditIcon onClick={handleEditClick} />:
122
  <PropertyValue
lightrag_webui/src/components/graph/PropertyRowComponents.tsx CHANGED
@@ -42,9 +42,9 @@ interface PropertyValueProps {
42
  }
43
 
44
  export const PropertyValue = ({ value, onClick, tooltip }: PropertyValueProps) => (
45
- <div className="flex items-center gap-1">
46
  <Text
47
- className="hover:bg-primary/20 rounded p-1 overflow-hidden text-ellipsis"
48
  tooltipClassName="max-w-80 -translate-x-15"
49
  text={value}
50
  tooltip={tooltip || (typeof value === 'string' ? value : JSON.stringify(value, null, 2))}
 
42
  }
43
 
44
  export const PropertyValue = ({ value, onClick, tooltip }: PropertyValueProps) => (
45
+ <div className="flex items-center gap-1 overflow-hidden">
46
  <Text
47
+ className="hover:bg-primary/20 rounded p-1 overflow-hidden text-ellipsis whitespace-nowrap"
48
  tooltipClassName="max-w-80 -translate-x-15"
49
  text={value}
50
  tooltip={tooltip || (typeof value === 'string' ? value : JSON.stringify(value, null, 2))}