Improve Hover Zoom Interaction for Multiple UI Elements in Tools Section
What kind of change does this PR introduce?
UI enhancement — adds consistent hover zoom interactions to several UI elements in the Tools section.
Issue Number:
- Closes #1942
- Others?
Screenshots/videos:
https://github.com/user-attachments/assets/1bcee329-c19d-4551-a6ca-9c34f1b4f6c7
If relevant, did you update the documentation?
Not applicable — this PR only updates UI interactions.
Summary
This PR improves hover interactions for multiple UI components in the Tools section.
Specifically, it adds a smooth and consistent hover zoom effect to:
- “Add Your Tools” button
- “Try Bowtie” button
- Community icons
- “Contribute to Collective” button
The hover effect now matches the zoom interaction used in the Community Avatars grid, ensuring visual consistency across both light and dark mode.
This enhances the user experience while keeping the UI behavior uniform and polished.
Does this PR introduce a breaking change?
No — this PR does not introduce any breaking changes.
The updates are purely visual and do not affect existing functionality.
Checklist
Please ensure the following tasks are completed before submitting this pull request.
- [x] Read, understood, and followed the contributing guidelines.
built with Refined Cloudflare Pages Action
⚡ Cloudflare Pages Deployment
| Name | Status | Preview | Last Commit |
|---|---|---|---|
| website | ✅ Ready (View Log) | Visit Preview | 1cb9545cc49d0a195b1516103f3d2232c702befa |
Codecov Report
:white_check_mark: All modified and coverable lines are covered by tests.
:white_check_mark: Project coverage is 100.00%. Comparing base (dcf4ea4) to head (1cb9545).
:warning: Report is 16 commits behind head on main.
Additional details and impacted files
@@ Coverage Diff @@
## main #1947 +/- ##
=========================================
Coverage 100.00% 100.00%
=========================================
Files 30 30
Lines 633 633
Branches 196 196
=========================================
Hits 633 633
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
:rocket: New features to boost your workflow:
- :snowflake: Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
- :package: JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.