Fix download button.

[amin-xiv]

Description

Fixed download button not working in the main page.

Related Issue

Fixes #338

Type of change

• Bug fix
• New feature

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented on my code, particularly in hard-to-understand areas
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[netlify]

✅ Deploy Preview for multiverse-dataverse ready!

Name	Link
🔨 Latest commit	054cce4
🔍 Latest deploy log	https://app.netlify.com/sites/multiverse-dataverse/deploys/67386a9f4f29d90008e8214b
😎 Deploy Preview	https://deploy-preview-340--multiverse-dataverse.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer from team will review it as soon as possible. We appreciate your support in making Dataverse better.

[multiverseweb]

Hey @amin-xiv, I think the issue isn't solved in this PR. But I know the reason why its happening. The image with opacity set to 0 covers the button. When someone scrolls a little bit, the image shifts downwards and then the button works fine. So you can solve this by increasing the z-index of the button (it should be above the image). Here's the video:

Screen.Recording.2024-11-13.165219.mp4

[amin-xiv]

@multiverseweb Ok I'll try my best.

[amin-xiv]

@multiverseweb I have increased the z-index of the button, and the problem you said yesterday about if you scroll up the button won't work and if you scroll down, it will, doesn't happen to me locally nor in deploy preview. What do you think?

[multiverseweb]

@amin-xiv you're right. I'm unable to understand what the issue is too.
I'll look into it again and will let you know how it can be solved.

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #340 has been merged! 🎉🎉