Skip to content

Refactored zoom threshold logic and improve compact label rendering in nodes#591

Open
stijnpotters1 wants to merge 1 commit into
masterfrom
fix/auto-scaling-labels
Open

Refactored zoom threshold logic and improve compact label rendering in nodes#591
stijnpotters1 wants to merge 1 commit into
masterfrom
fix/auto-scaling-labels

Conversation

@stijnpotters1

Copy link
Copy Markdown
Contributor
image

@stijnpotters1 stijnpotters1 self-assigned this Jun 30, 2026
@stijnpotters1

Copy link
Copy Markdown
Contributor Author

@philipsens What do you think of this? Now the labels auto scale with zooming

@stijnpotters1 stijnpotters1 linked an issue Jun 30, 2026 that may be closed by this pull request
@sonarqubecloud

Copy link
Copy Markdown

@philipsens

Copy link
Copy Markdown
Member

I'll check it out and test it :)

@philipsens philipsens left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The stationary text feels nice and readable. But it could be less bold (medium instead of semibold). Also, I think the forwards should also scale with the zooming, so it is possible to see what is happening here:

Image

{value || key}
</span>
))}
<span className="text-center leading-snug font-semibold whitespace-nowrap" style={{ fontSize: labelFontSize }}>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<span className="text-center leading-snug font-semibold whitespace-nowrap" style={{ fontSize: labelFontSize }}>
<span className="text-center leading-snug font-medium whitespace-nowrap" style={{ fontSize: labelFontSize }}>

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.

Extra readability in zoomed-out mode

3 participants