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))}
|