This changes it so that, when zoomed out, nodes will not render their bodies and will instead just render their title. Tags are also rendered until you zoom out far enough, then you just get the title.
This also fixes long node titles causing the rename/change color/delete buttons to be cut off.
TODO:
[ ] Currently, focusing on a node does not properly trigger zoom level; this is a bug in react-d3-graph
[ ] Right-click on node to focus on it (will also need to fix bugs in react-d3-graph for this)
[ ] Make zoom levels configurable in VSCode extension settings? (there are other settings I want to add and this will require some re-architecting of the way things are handled so it may be best to do this in another PR)
Summary
This changes it so that, when zoomed out, nodes will not render their bodies and will instead just render their title. Tags are also rendered until you zoom out far enough, then you just get the title.
This also fixes long node titles causing the rename/change color/delete buttons to be cut off.
TODO:
Screenshots
Not zoomed out
Zoomed out
Extra zoomed out