Make timeline controls accessible on mobile

[HiteshChoudhary0098]

UI update

Old UI

New UI

Changes

1. Remove Timeline Zoom Slider in mobile
2. Show playback control on left.
3. Move all other controls to the right and make the control panel scrollable.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
bugs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 10, 2025 10:02pm
remotion	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 10, 2025 10:02pm

[JonnyBurger]

Thanks not bad! A few things that don't make sense for me yet:

1. The space here is not needed anymore since it was for aligning the controls in the center. It can be removed.
   

2. There is no indication that one can scroll to the right. Could we add a fade on both sides if it is scrollable? Could look like this:
   

3. I suggest we remove the FpsCounter as it causes a layout shift when play/pause is toggled

[HiteshChoudhary0098]

[JonnyBurger]

Thanks a lot! Looks good!

/tip $250

[algora-pbc]

@HiteshChoudhary0098: You just got a $250 tip! 👉 Complete your Algora onboarding to collect your payment.

[algora-pbc]

🎉🎈 @HiteshChoudhary0098 has been awarded $250! 🎈🎊

• Share on socials
• Give feedback