volume component of Player is not responsively designed

[UmungoBungo]

🎃 This issue is part of our Hacktoberfest campaign!
📚 Read more about Hacktoberfest here
🕛 This issue is currently assigned to @Pompette and is not for the taking.

Bug Report 🐛

When using the Player component in a portrait view, with a narrow width, the volume controller is not responsively designed. Pehaps it should be a vertical control when there is a narrow width?

issueVolume.mp4

---

IssueHunt Summary

pompette has been rewarded.

Backers (Total: $167.00)

• jonnyburger ($167.00)

Submitted pull Requests

• #1356 feat: make volume slider responsive according to player size

---

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

[JonnyBurger]

Good point! We should improve this - a vertical control sounds like a smart idea!
I will add a bounty for it during Hacktoberfest and see if somebody picks it up, otherwise we'll solve it ourselves.

[issuehunt-oss]

@jonnyburger has funded $167.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[imrishabh18]

@JonnyBurger I would like to take up this issue. Can you assign this to me please?

[JonnyBurger]

@imrishabh18 It was already started by @Pompette unfortunately!
Mind taking another issue with the Hacktoberfest label?

[imrishabh18]

Okay, the issues here on GitHub labeled hacktoberfest is not assigned to anybody. So, can't make out which one's are up-for-grabs?

[JonnyBurger]

Acceptance criteria for this PR:

• Make slider go upwards if space is not sufficient
• Be resilient if used in Next.JS server-side rendering / React strict mode

[JonnyBurger]

@imrishabh18 Sorry, I'm still preparing all the issues and will mention in each one of them clearly which ones are taken and how to claim one. Check back in a few hours!

[issuehunt-oss]

@jonnyburger has rewarded $150.30 to @pompette. See it on IssueHunt

• 💰 Total deposit: $167.00
• 🎉 Repository reward(0%): $0.00
• 🔧 Service fee(10%): $16.70

[JonnyBurger]

Fixed by #1356