65 lines
2.4 KiB
Markdown
65 lines
2.4 KiB
Markdown
# Upload Inline Panel Swap Design
|
|
|
|
**Goal:** Swap the vertical order of the embedded subtitle defaults module and the upload dropzone inside the main upload card so subtitle styling appears first and the upload area sits below it.
|
|
|
|
## Context
|
|
|
|
The current upload workbench already moved subtitle defaults into the main upload card, but the visual order still starts with the upload dropzone and places subtitle styling underneath it. That makes the page feel almost unchanged from the previous version and does not match the requested "position swap."
|
|
|
|
The user confirmed the desired interpretation: keep the same overall card structure, but swap the internal top and bottom order so the subtitle defaults module appears above and the upload surface appears below.
|
|
|
|
## Approved Direction
|
|
|
|
- keep the first row as three cards:
|
|
- upload and prepare
|
|
- mode and workflow
|
|
- language and dubbing
|
|
- keep subtitle defaults embedded inside the upload card
|
|
- change the upload card so subtitle defaults render first
|
|
- move the upload dropzone section below the subtitle defaults module
|
|
- preserve the current approximate proportions as much as possible
|
|
|
|
## Recommended Layout
|
|
|
|
Use a two-part upload card with reversed emphasis:
|
|
|
|
- upper section:
|
|
- upload heading
|
|
- description
|
|
- subtitle defaults module
|
|
- lower section:
|
|
- upload dropzone area
|
|
- support text and mode chip beneath or beside it as space allows
|
|
|
|
This makes the position change obvious without undoing the broader three-card layout.
|
|
|
|
## Interaction Rules
|
|
|
|
The swap is structural only. Existing behavior stays the same:
|
|
|
|
- subtitle preview remains live
|
|
- reset button still restores defaults
|
|
- sliders still update preview
|
|
- upload selection and trim flow remain unchanged
|
|
- mode and language cards remain separate top-row cards
|
|
|
|
## Testing Strategy
|
|
|
|
Update upload-screen tests to verify:
|
|
|
|
- the subtitle defaults module is still inside the upload card
|
|
- the subtitle defaults module appears before the upload surface in DOM order
|
|
- the upload input remains inside the upload card after the swap
|
|
- existing preview and upload-confirm flows still work
|
|
|
|
## Out of Scope
|
|
|
|
- language list changes
|
|
- trimming flow changes
|
|
- backend behavior
|
|
- page-level information architecture changes beyond this internal swap
|
|
|
|
## Success Criteria
|
|
|
|
Success means the upload card visibly reads as "configure subtitle style first, then upload video," while the page still fits the current three-card first-row workbench.
|