JabRefOnline icon indicating copy to clipboard operation
JabRefOnline copied to clipboard
verified publisher icon JabRef

feat: add hover effects to download buttons for improved UX

Open RAJVEER42 opened this issue 6 months ago • 5 comments

🔗 Linked issue

https://github.com/JabRef/JabRefOnline/issues/2690#issuecomment-3016708192:~:text=Insights-,Enhancement%3A%20Add%20Hover%20Opacity%20Effect%20to%20Download%20Buttons%20on%20Homepage,-%232690

No specific issue linked — UI enhancement as discussed in previous thread.

📚 Description

Hi @InAnYan 👋,

I've made a few UI improvements to enhance interactivity and user experience in the download section:

✅ Enhancements made:

  • Applied hover:opacity-90, hover:shadow-lg, and hover:scale-y-105 effects to the Apple Silicon and macOS Intel buttons for smoother visual feedback on hover.
  • Added hover underline effects to the purple text links located beneath the download buttons for better visual indication.
  • Changed the label "Download for Mac" to "Or see all download options" for improved readability and clarity.
  • Applied the same hover underline styling to purple links for both Linux and Windows users to ensure a consistent experience across all platforms.

🚧 Note: I wasn’t able to apply hover effects to the main "Download for Mac" button. If you're fine leaving that button without hover effects, I’m happy to proceed as is.

Let me know if you’d like any tweaks or follow-up refinements.

Thanks again for the opportunity to contribute! 😊

Best regards,
Rajveer

RAJVEER42 avatar Jun 29 '25 17:06 RAJVEER42

Hi @InAnYan ,

I’ve merged the PR — could you please take a look and proceed with the next required steps whenever convenient? Let me know if anything else is needed from my side.

Thanks!

RAJVEER42 avatar Jul 01 '25 12:07 RAJVEER42

Okay, the project works, however:

  1. I would also like to hear other maintainers' opinion. @tobiasdiez
  2. I personally wouldn't like to use animations, but I would agree for making background lighter and/or adding a purple-ish border

InAnYan avatar Jul 01 '25 14:07 InAnYan

Hi, @InAnYan
Thank you for the feedback! I'm totally fine with removing the scaling animation if that’s preferred.

Should I tag the other maintainers here to get their feedback as well?

RAJVEER42 avatar Jul 02 '25 05:07 RAJVEER42

Thanks for the PR! I'm currently quite busy with other projects and will only have the time to look at this closer in a few weeks. Sorry!

tobiasdiez avatar Jul 07 '25 08:07 tobiasdiez

@tobiasdiez No worries at all—thanks for the heads-up! Take your time, and feel free to reach out whenever you're ready. Appreciate you letting me know!

RAJVEER42 avatar Jul 07 '25 08:07 RAJVEER42