wagtail
Animation bug on Services page
When adding a new card within the Logos block on the Services page, the new block doesn't have the same animation styling as the old block. Not sure why that's happening, so we should probably investigate and/or revamp the Services page.
Hi @vossisboss, are you working on this? Upon reviewing the code, it appears that the animation issue stems from how CSS transitions and hover effects are defined in _logo-card.scss. To ensure consistency across all logo cards, I have made the following adjustments:
[ ] Added position: relative; and transition: transform 0.3s ease; to enable smoother animations. [ ] Moved the animation styles outside the &:is(a) selector so they apply uniformly to all logo cards. [ ] Simplified the hover state selector structure for improved readability and maintainability.
I have created a PR that should fix this—please review it and let me know if any further modifications are needed.
Hi @Rish-it, I am not working on this so thank you SO much for the PR. I will take a look at it when I have a chance.
FYI, one thing that would really helpful in the future would be to include a link to the PR in your comment. Similarly, if you could link to the issue you're fixing in the PR as well, that makes it a look easier to review things.
Thanks again so much for taking the time to look into this.
@vossisboss Noted on linking the PR and related issue in future comments — makes sense and I’ll do that going forward to streamline reviews. Appreciate you taking the time to look into it when you can. For reference: Fix #508 – #511 is the PR check for any bugs or conflicts.