Skip to content

[FEATURE] Move video adjustment and trim controls to the right side for better preview visibility #1174

@aroosahoda

Description

@aroosahoda

Feature description
Currently, the layout places editing controls (like brightness, contrast, and trim sliders) in a way that can obstruct or distract from the video preview while changes are being made. It is difficult to see the real-time impact on the video canvas cleanly while adjusting settings.

Problem this solves
I would like to update the editor layout (likely via CSS Grid or Flexbox in the layout components) to move the adjustment panels, sliders, and trim tools to the right side of the video preview. This ensures that a user's eyes can naturally scan from the video canvas directly to the settings without blocking the view, mirroring industry-standard video editing layouts.

Proposed solution
Rearrange the layout files (specifically targeting components around VideoEditor.tsx) to shift the controls panel to a right-hand sidebar layout on desktop viewports.

Alternatives considered
Leaving it as a left-hand or bottom sidebar, which feels less intuitive for real-time visual feedback.

Additional context
I would love to work on this issue as a contributor in GSsoc'26! Please assign it to me if the maintainers approve of this UI/UX enhancement.

/assign

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions