spikerj/spikersoft-issues
1
0
Fork 0
Code Issues 196 Pull Requests Actions Packages Projects Releases Wiki Activity

[UX][ArtStudio] Touch-Up: prominent selected-frame indicator + draggable compare divider (stacked vs selected frame) (epic #718) #780

New Issue
Closed
opened 2026-07-22 01:10:47 +00:00 by spikerj · 1 comment
spikerj commented 2026-07-22 01:10:47 +00:00
Owner
Copy Link
Copy Source

User feedback after using Touch-Up (which is otherwise 'perfect'):

  1. The frame strip thumbnails are tiny — you can't tell WHICH frame is currently toggled for painting. Peek-at-original is great but the selected state needs to be obvious.
  2. Feature: a toggleable 'compare divider' — a draggable slider across the whole picture with the STACKED result on one side and the SELECTED source frame on the other, pull it across to compare (the classic before/after wipe).

Plan (photo-touch-up.component, art-studio lib):

  • Strong selected-tile state (primary ring + check badge) + a persistent "Painting from frame N — filename" indicator line.
  • Compare mode toggle: full-size selected frame layered over the composite with clip-path wipe; divider handle draggable by pointer AND keyboard (role=slider, arrows/Home/End — window-splitter a11y precedent); side labels "Stacked result" / "Frame N"; painting suspended while comparing.
User feedback after using Touch-Up (which is otherwise 'perfect'): 1. The frame strip thumbnails are tiny — you can't tell WHICH frame is currently toggled for painting. Peek-at-original is great but the selected state needs to be obvious. 2. Feature: a toggleable 'compare divider' — a draggable slider across the whole picture with the STACKED result on one side and the SELECTED source frame on the other, pull it across to compare (the classic before/after wipe). Plan (photo-touch-up.component, art-studio lib): - Strong selected-tile state (primary ring + check badge) + a persistent "Painting from frame N — filename" indicator line. - Compare mode toggle: full-size selected frame layered over the composite with clip-path wipe; divider handle draggable by pointer AND keyboard (role=slider, arrows/Home/End — window-splitter a11y precedent); side labels "Stacked result" / "Frame N"; painting suspended while comparing.
spikerj commented 2026-07-22 02:37:24 +00:00
Author
Owner
Copy Link
Copy Source

Resolved in spikersoft-angular PR #512 (merged): selected-frame ring/check/scale + persistent 'Painting from frame N' line, and the toggleable compare divider (pointer + full keyboard, WAI-ARIA slider). Deploy rides the current master pipeline. Closing.

Resolved in spikersoft-angular PR #512 (merged): selected-frame ring/check/scale + persistent 'Painting from frame N' line, and the toggleable compare divider (pointer + full keyboard, WAI-ARIA slider). Deploy rides the current master pipeline. Closing.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#780