Skip to content

Introduce compact module view node#284

Open
jmdowrick wants to merge 9 commits into
physiomelinks:mainfrom
jmdowrick:feature-visible-module-node-contents
Open

Introduce compact module view node#284
jmdowrick wants to merge 9 commits into
physiomelinks:mainfrom
jmdowrick:feature-visible-module-node-contents

Conversation

@jmdowrick

Copy link
Copy Markdown
Collaborator

Switches the contents of the modules nodes depending on the zoom state.

Compact mode removes most of the content, making the module name much more visible and moving the buttons to a dropdown triggered by a single button in the module's corner.

I've played around with optimisations to smooth out the transition, and it's OK(ish) on my screen. Would like a few people to try it out before we merge it into production.

I also changed the zoom limits so the module name remains visible at the minimum zoom. It's nice to see all the modules in theory, but it's not useful if you can't identify what they are.

Resolves #94.

- Move zoom limits back to constants
- Introduce compactMode
CSS burden too high when lots of module nodes.
Reduces the computational cost of reformatting. Smoother transition.
Optimise rerender to remove freeze that happened when zooming in and out.
@jmdowrick
jmdowrick requested a review from hsorby February 11, 2026 00:27
@hsorby

hsorby commented Feb 11, 2026

Copy link
Copy Markdown
Collaborator
phlynx-not-fitting-in-view

I have a problem with fitting the whole workflow in.

@jmdowrick

jmdowrick commented Feb 11, 2026

Copy link
Copy Markdown
Collaborator Author

This was intentional to ensure that the module names never get too small. Can be "fixed" by updating the ZOOM_LIMITS constants in the utils/constants.js file.

Not being able to see the full model was not enjoyed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dynamic module node content (improve text visibility at minimal zooms)

2 participants