improvement(ui): unify loading animations - #7746
Open
j15z wants to merge 12 commits into
Open
Conversation
Use Relay for shared loading indicators and the Sim wordmark morph for workspace and workflow loading. Show workflow navigation feedback as soon as a destination is selected, including sidebar and search navigation.
…g-animatinos # Conflicts: # apps/sim/app/(landing)/components/footer/components/footer-wordmark-loop/footer-wordmark-loop.tsx
Replace the relay loader with a compact fading highlight around a ring. Keep the weighted orbit and reduced-motion fallback. This commit records the gradient variant before returning to the orbiting-dot design.
Replace the gradient highlight with a solid dot on a 3-unit ring. Record the dot variant with its slowdown centered at the top before experimenting with a clockwise offset.
Keep the dot moving through the top while accelerating through the bottom. Rotate the ring and dot together so their alignment stays fixed when scaled. This commit records the updated dot spinner variant.
Give the running strip and Stop highlight matching 15-degree edges with rounded corners and a 2.75px gap. Round the strip's outer end to follow the node contour, and preserve the thicker dot loader at 16px in the run button. Checkpoint for the slanted strip version before trying a vertical gap.
Use Static in light mode and Graphite in dark mode for workflow loading, while keeping the existing gradients available for the landing page. Remove the temporary pinned preview so loading ends normally. Checkpoint the rounded vertical gap between the Stop highlight and the running strip before restoring the slanted strip version for comparison.
|
The latest updates on your projects. Learn more about Vercel for GitHub. |
Contributor
 |
Collaborator
Author
Collaborator
Author
|
@cubic-dev-ai review this PR |
Contributor
@j15z I have started the AI code review. It will take a few minutes to complete. |
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
Collaborator
Author
Collaborator
Author
|
@cubic-dev-ai review this PR |
Contributor
@j15z I have started the AI code review. It will take a few minutes to complete. |
Collaborator
Author
Collaborator
Author
|
@cubic-dev-ai review this PR |
Contributor
@j15z I have started the AI code review. It will take a few minutes to complete. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Type of Change
Testing
Checklist
Screenshots/Videos
No screenshots or videos attached.