songjvcheng/video_translate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
video_translate/docs/plans/2026-03-21-upload-inline-subtitle-style-design.md
Song367 bb19dafc19 docs: add inline subtitle style design
2026-03-21 14:23:40 +08:00

2.1 KiB
Raw Blame History

Upload Inline Subtitle Style Design

Goal: Move the subtitle defaults UI into the lower-left area of the main "Upload & prepare" card so the top section remains a three-card layout while keeping subtitle controls visible in the same primary workspace.

Context

The current three-card top row improves discoverability for upload, mode, and language selection, but the subtitle defaults controls still live as a separate card beneath them. That creates a visual break and makes the upload workbench feel split into a top decision row and a detached lower settings card.

The user wants the subtitle defaults controls absorbed back into the main upload card, specifically in the lower-left portion of that card.

Approved Direction

  • keep the top row as three cards:
    • upload and prepare
    • mode and workflow
    • language and dubbing
  • remove the standalone subtitle defaults card
  • place subtitle defaults inside the upload card's lower-left region

Recommended Layout

Use a two-part upload card:

  • upper section:
    • upload heading
    • description
    • drag/drop upload area
  • lower section:
    • left: embedded subtitle defaults module
    • right: support text and mode chip

This keeps the upload card self-contained while preserving the user's requested left-bottom placement.

Interaction Rules

The embedded subtitle defaults module keeps all existing behavior:

  • preview sample remains live
  • reset button still restores defaults
  • position and size sliders still update preview
  • upload contract and trim flow remain unchanged

Testing Strategy

Update upload-screen tests to verify:

  • no standalone subtitle defaults card is required
  • the subtitle defaults module is rendered inside the upload card
  • existing subtitle preview behavior still works
  • language and mode cards remain first-row peers

Out of Scope

  • backend changes
  • language list changes
  • editor redesign
  • upload flow changes

Success Criteria

Success means the upload page reads as one compact top workbench, with subtitle style controls clearly attached to the upload card instead of floating below it as a separate panel.