mjasin/Nexus.Reader
1
0
Fork 0
Code Issues 9 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

[MN-03] UI: Shimmer Effect Lack Animation #2

New Issue
Closed
opened 2026-05-05 12:15:02 +00:00 by mjasin · 1 comment
mjasin commented 2026-05-05 12:15:02 +00:00
Owner
Copy Link
Copy Source

Full Detail: The GroundednessBadge.razor component uses a .shimmer class (line 50) that only sets a static opacity. This fails to provide the visual 'loading' feedback users expect from a shimmer effect.

Action:

  • Update the <style> block in GroundednessBadge.razor.
  • Implement a CSS @keyframes animation (e.g., shimmer-move) that slides a linear-gradient background across the element.
  • Apply this animation to the .shimmer class.
**Full Detail:** The `GroundednessBadge.razor` component uses a `.shimmer` class (line 50) that only sets a static opacity. This fails to provide the visual 'loading' feedback users expect from a shimmer effect. **Action:** - Update the `<style>` block in `GroundednessBadge.razor`. - Implement a CSS `@keyframes` animation (e.g., `shimmer-move`) that slides a linear-gradient background across the element. - Apply this animation to the `.shimmer` class.
mjasin commented 2026-05-07 16:55:20 +00:00
Author
Owner
Copy Link
Copy Source

Fixed in branch fix/issue-2-shimmer-animation.
Changes:

  • Implemented CSS @keyframes shimmer-move animation.
  • Applied animation to .shimmer class using a linear gradient background slide.
  • Refactored styles to isolated GroundednessBadge.razor.css to comply with project architecture standards.
  • Verified fix with dotnet build.
Fixed in branch `fix/issue-2-shimmer-animation`. Changes: - Implemented CSS `@keyframes shimmer-move` animation. - Applied animation to `.shimmer` class using a linear gradient background slide. - Refactored styles to isolated `GroundednessBadge.razor.css` to comply with project architecture standards. - Verified fix with `dotnet build`.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Antigravity M.Wojtaszek mjasin (Marek Jaisński)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#2
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?