website icon indicating copy to clipboard operation
website copied to clipboard

Improve Hover Zoom Interaction for Multiple UI Elements in Tools Section

Open Adityakumar37 opened this issue 1 month ago • 2 comments

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.

Adityakumar37 avatar Nov 23 '25 11:11 Adityakumar37

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name Status Preview Last Commit
website ✅ Ready (View Log) Visit Preview 1cb9545cc49d0a195b1516103f3d2232c702befa

github-actions[bot] avatar Nov 23 '25 11:11 github-actions[bot]

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.

codecov[bot] avatar Nov 23 '25 11:11 codecov[bot]