Studio: Fix splitter layout issue

[XeroAlpha]

Issue

In Remotion Studio, when the title of a video/audio is too long and exceeds the screen width (innerWidth), the timeline container also extends accordingly, causing the timeline to not be fully displayed at the minimum zoom level.

Here is an example that triggers this issue:

export const MyComposition = () => {
	const videoUrl = 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4';
	return (
		<AbsoluteFill>
			<Video src={`${videoUrl}?${'x'.repeat(600)}`} />
		</AbsoluteFill>
	);
};

Before:

After:

This pull request fixes the issue. It is currently unclear whether this fix might cause other bugs.

[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	Apr 10, 2024 9:17am
remotion	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 10, 2024 9:17am

[JonnyBurger]

Thanks a lot for reporting it and sending a fix alongside! 🙌🏼 Much appreciated!