TopherMayor/cabo-voting-app
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

Option detail modal and URL sharing #9

New Issue
Open
opened 2026-04-29 03:55:18 +00:00 by TopherMayor · 0 comments
TopherMayor commented 2026-04-29 03:55:18 +00:00
Owner
Copy Link

Problem

Users can't deep-link to a specific option, and the short description often isn't enough to decide.

Proposed Solution

  • Clicking an option card (not just the vote button) opens a detail modal
  • Modal shows: full description, website link (opens in new tab), who voted, a "Vote for this →" button
  • URL hash updates: #option-{id} — shareable link opens the app directly to that option's modal
  • Option cards show a subtle "↗" indicator to signal clickability

Acceptance Criteria

  • Clicking option card body opens detail modal (not just voting)
  • Modal URL is shareable and restores modal on page load
  • "Vote for this →" button in modal closes modal and registers vote
  • External link icon (↗) visible on option cards
  • ESC closes modal and updates URL hash
## Problem Users can't deep-link to a specific option, and the short description often isn't enough to decide. ## Proposed Solution - Clicking an option card (not just the vote button) opens a detail modal - Modal shows: full description, website link (opens in new tab), who voted, a "Vote for this →" button - URL hash updates: `#option-{id}` — shareable link opens the app directly to that option's modal - Option cards show a subtle "↗" indicator to signal clickability ## Acceptance Criteria - [ ] Clicking option card body opens detail modal (not just voting) - [ ] Modal URL is shareable and restores modal on page load - [ ] "Vote for this →" button in modal closes modal and registers vote - [ ] External link icon (↗) visible on option cards - [ ] ESC closes modal and updates URL hash
TopherMayor added the frontendui/uxpriority/medium labels 2026-04-29 03:55:19 +00:00
TopherMayor added this to the UI/UX Overhaul v1.0 milestone 2026-04-29 03:56:15 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
accessibility
Accessibility improvements
 backend
Backend/Express/WebSocket/API
 enhancement
New feature or enhancement
 frontend
Frontend/HTML/CSS/JS
 mobile
Mobile-specific improvements
 priority/high
High priority
 priority/low
Low priority
 priority/medium
Medium priority
 ui/ux
UI/UX work
No Label frontend priority/medium ui/ux
Milestone
No items
No Milestone UI/UX Overhaul v1.0
Projects
Clear projects
No project
Assignees
Clear assignees
TopherMayor
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: TopherMayor/cabo-voting-app#9
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?