From dd57df8bc284e5cab08f760d9fe794a6f279b91b Mon Sep 17 00:00:00 2001 From: santilapi13 <santilapiana02@gmail.com> Date: Thu, 11 Apr 2024 19:15:28 -0300 Subject: [PATCH 1/2] fix: comment visualization in table and fields popovers --- src/components/EditorCanvas/Table.jsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx index 0c385fa0..f5fdedbd 100644 --- a/src/components/EditorCanvas/Table.jsx +++ b/src/components/EditorCanvas/Table.jsx @@ -168,7 +168,7 @@ export default function Table(props) { position="rightTop" showArrow trigger="click" - style={{ width: "200px" }} + style={{ width: "200px", wordBreak: "break-word" }} > <Button icon={<IconMore />} @@ -219,10 +219,19 @@ export default function Table(props) { <strong>Default :</strong>{" "} {e.default === "" ? "Not set" : e.default} </p> + <p> + <strong>Comment:</strong>{" "} + {e.comment === "" ? ( + "Not comment" + ) : ( + <div>{e.comment}</div> + )} + </p> </div> } position="right" showArrow + style={{ width: "200px", wordBreak: "break-word" }} > {field(e, i)} </Popover> From 0797a3fd7a203a81bc82fd36d12414ea5ca0f9fe Mon Sep 17 00:00:00 2001 From: santilapi13 <santilapiana02@gmail.com> Date: Thu, 11 Apr 2024 23:30:40 -0300 Subject: [PATCH 2/2] fix: set field comment width instead of popover width --- src/components/EditorCanvas/Table.jsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx index 6e107b0a..9601e4d8 100644 --- a/src/components/EditorCanvas/Table.jsx +++ b/src/components/EditorCanvas/Table.jsx @@ -223,16 +223,15 @@ export default function Table(props) { <p> <strong>Comment:</strong>{" "} {e.comment === "" ? ( - "Not comment" + "No comment" ) : ( - <div>{e.comment}</div> + <div style={{ maxWidth: "260px", wordBreak: "break-word" }}>{e.comment}</div> )} </p> </div> } position="right" showArrow - style={{ width: "200px", wordBreak: "break-word" }} > {field(e, i)} </Popover>