Fix (NoteMap): map overflows when switching type in ribbon (#7939)

This commit is contained in:
Elian Doran 2025-12-05 11:59:08 +02:00
parent d173cc982c
commit 9fcee9cc53
No known key found for this signature in database
2 changed files with 5 additions and 5 deletions

View File

@ -95,13 +95,13 @@ export default function NoteMap({ note, widgetMode, parentRef }: NoteMapProps) {
if (!graphRef.current || !notesAndRelationsRef.current) return;
graphRef.current.d3Force("link")?.distance(linkDistance);
graphRef.current.graphData(notesAndRelationsRef.current);
}, [ linkDistance ]);
}, [ linkDistance, mapType ]);
// React to container size
useEffect(() => {
if (!containerSize || !graphRef.current) return;
graphRef.current.width(containerSize.width).height(containerSize.height);
}, [ containerSize?.width, containerSize?.height ]);
}, [ containerSize?.width, containerSize?.height, mapType ]);
// Fixing nodes when dragged.
useEffect(() => {
@ -114,7 +114,7 @@ export default function NoteMap({ note, widgetMode, parentRef }: NoteMapProps) {
node.fy = undefined;
}
})
}, [ fixNodes ]);
}, [ fixNodes, mapType ]);
return (
<div className="note-map-widget">

View File

@ -29,14 +29,14 @@ export default function NoteMapTab({ note }: TabContext) {
{!isExpanded ? (
<ActionButton
icon="bx bx-arrow-to-bottom"
icon="bx bx-expand-vertical"
text={t("note_map.open_full")}
className="open-full-button"
onClick={() => setExpanded(true)}
/>
) : (
<ActionButton
icon="bx bx-arrow-to-top"
icon="bx bx-collapse-vertical"
text={t("note_map.collapse")}
className="collapse-button"
onClick={() => setExpanded(false)}