37 lines
1.3 KiB
Markdown
37 lines
1.3 KiB
Markdown
---
|
|
epic: 10
|
|
story: 10.3
|
|
title: "Drag to Resize Columns"
|
|
status: draft
|
|
---
|
|
|
|
## Epic 10 — Notepad UX (Cross-Platform Spec)
|
|
**Goal:** Consistent editor behavior specified once, implemented per platform.
|
|
|
|
### Story 10.3: Drag to Resize Columns
|
|
|
|
As a user,
|
|
I want to drag the divider between the input and answer columns,
|
|
So that I can allocate screen space based on my content.
|
|
|
|
**Acceptance Criteria:**
|
|
|
|
**Given** the editor is displaying a sheet with input and answer columns
|
|
**When** the user hovers over the column divider
|
|
**Then** the cursor changes to a resize handle (e.g., `col-resize`)
|
|
|
|
**Given** the user presses and drags the column divider
|
|
**When** they move it left or right
|
|
**Then** the input column and answer column resize proportionally in real time
|
|
**And** content in both columns reflows to fit the new widths
|
|
|
|
**Given** the user drags the divider to an extreme position
|
|
**When** either column would become smaller than its minimum width
|
|
**Then** the divider stops at the minimum width boundary
|
|
**And** neither column collapses below a usable size
|
|
|
|
**Given** the user has repositioned the column divider
|
|
**When** they close and reopen the same sheet
|
|
**Then** the divider position is restored to their last setting
|
|
**And** the position is stored per sheet, not globally
|