Skip to content

Enhance visibility of skeleton loading indicators - #2

Merged
nicolasgioanni merged 1 commit into
mainfrom
develop
Jul 1, 2026
Merged

Enhance visibility of skeleton loading indicators#2
nicolasgioanni merged 1 commit into
mainfrom
develop

Conversation

@nicolasgioanni

Copy link
Copy Markdown
Owner

This pull request updates the skeleton loading styles to enhance their visual appearance and accessibility. The changes include improvements to the gradient backgrounds, the addition of a new animated accent for selected results, and adjustments for users with reduced motion preferences.

Skeleton visual improvements:

  • Updated the main skeleton background gradient to use more distinct color stops, increased the background size, and added subtle box shadows for better depth.
  • Modified the shimmer animation to use a wider background position range for a smoother effect.

Selected result accent animation:

  • Added a new animated accent bar to .selected-result-skeleton using a ::before pseudo-element with a custom gradient and a sliding animation. [1] [2]
  • Introduced the skeleton-accent-slide keyframes for the accent animation, creating a dynamic scaling and opacity effect.

Accessibility enhancements:

  • Updated media queries to disable both shimmer and accent animations for users who prefer reduced motion, ensuring accessibility compliance.

@nicolasgioanni nicolasgioanni self-assigned this Jul 1, 2026
@vercel

vercel Bot commented Jul 1, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
compliance-label-assistant Ready Ready Preview, Comment Jul 1, 2026 3:43am

@nicolasgioanni nicolasgioanni left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

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

All tests passed

@nicolasgioanni
nicolasgioanni merged commit ef01ea1 into main Jul 1, 2026
5 checks passed
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.

1 participant