mirror/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2026-02-10 21:49:56 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix: add text wrapping and max-width to field comment tooltips (#1004)

Browse Source
This commit is contained in:
Jonathan Fishner
2025-12-10 11:33:44 +02:00
committed by GitHub
parent 9b6d6dbb3c
commit ccfd94bf77
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/editor-page/canvas/table-node/table-node-field.tsx
View File

@@ -421,7 +421,9 @@ export const TableNodeField: React.FC<TableNodeFieldProps> = React.memo(
<MessageCircleMore size={14} />
</div>
</TooltipTrigger>
<TooltipContent>{field.comments}</TooltipContent>
<TooltipContent className="max-w-xs whitespace-pre-wrap break-words">
{field.comments}
</TooltipContent>
</Tooltip>
) : null}
</div>

6
src/pages/editor-page/side-panel/tables-section/table-list/table-list-item/table-list-item-content/table-field/table-field.tsx
View File

@@ -107,12 +107,14 @@ export const TableField: React.FC<TableFieldProps> = ({
<div className="pointer-events-none absolute right-0 top-0 size-0 border-l-[10px] border-t-[10px] border-l-transparent border-t-pink-500" />
</div>
</TooltipTrigger>
<TooltipContent>
<TooltipContent className="max-w-xs">
<div>
<div className="font-normal text-white/70 dark:text-black/70">
Comment:
</div>
<div>{field.comments}</div>
<div className="whitespace-pre-wrap break-words">
{field.comments}
</div>
</div>
</TooltipContent>
</Tooltip>