Skip to content

frontend: Map: Various small fixes #3527

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Jul 11, 2025

Conversation

sniok
Copy link
Contributor

@sniok sniok commented Jun 26, 2025

Changes

GraphNodeDetails: Optimize rendering with useDeferredValue

Details rendering is now deferred, so when navigating the map details won't block the main rendering "thread"

graphLayout: Use worker for ELK layout

Layout calculation is now moved to a worker so it's not blocking main thread

GroupNode: Refactor Label styling

Labels for groups are now a bit nicer

image

Map: Adjust height to get rid of double scrollbar

Adjusted layout so there's no double scrollbar

Map: Use theme colors for map background pattern

Background dots are now using theme colors

image

Map: Avoid stale layout application in useEffect

Avoid unnecessary re-renders on rapid layout changes

Map: Adjust animation timings

Animations are a bit quicker

Map: Improve breadcrumbs label display

Breadcrumbs are now properly truncated and have a tooltip
image

@k8s-ci-robot k8s-ci-robot added do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. cncf-cla: yes Indicates the PR's author has signed the CNCF CLA. approved Indicates a PR has been approved by an approver from all required OWNERS files. labels Jun 26, 2025
@k8s-ci-robot k8s-ci-robot requested review from skoeva and vyncent-t June 26, 2025 09:48
@k8s-ci-robot k8s-ci-robot added the size/L Denotes a PR that changes 100-499 lines, ignoring generated files. label Jun 26, 2025
@k8s-ci-robot k8s-ci-robot added size/XL Denotes a PR that changes 500-999 lines, ignoring generated files. and removed size/L Denotes a PR that changes 100-499 lines, ignoring generated files. labels Jul 7, 2025
@sniok sniok removed request for skoeva and vyncent-t July 7, 2025 15:06
@sniok sniok requested a review from skoeva July 8, 2025 08:48
@sniok sniok marked this pull request as ready for review July 8, 2025 11:24
@k8s-ci-robot k8s-ci-robot removed the do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. label Jul 8, 2025
@k8s-ci-robot k8s-ci-robot requested review from ashu8912 and illume July 8, 2025 11:24
@joaquimrocha
Copy link
Contributor

Breadcrumbs are now properly truncated and have a tooltip
image

Did you test that grey Pod word for visual constrast/a11y?

@sniok
Copy link
Contributor Author

sniok commented Jul 11, 2025

Did you test that grey Pod word for visual constrast/a11y?

Yes, I've tested contrast ratio for labels in the Map, it passes

@joaquimrocha
Copy link
Contributor

/lgtm
/approve

@k8s-ci-robot k8s-ci-robot added the lgtm "Looks good to me", indicates that a PR is ready to be merged. label Jul 11, 2025
@k8s-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: joaquimrocha, sniok

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@k8s-ci-robot k8s-ci-robot merged commit 5247dec into kubernetes-sigs:main Jul 11, 2025
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Indicates a PR has been approved by an approver from all required OWNERS files. cncf-cla: yes Indicates the PR's author has signed the CNCF CLA. lgtm "Looks good to me", indicates that a PR is ready to be merged. size/XL Denotes a PR that changes 500-999 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants