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

Printable results stylesheet #12

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

Problem

The organizer wants to print the final results to share with the group or bring to an in-person meeting.

Proposed Solution

  • Add @media print styles to the CSS
  • Hide: tabs, add form, toasts, voter badges, connection status
  • Show: title, all categories with results sorted by votes descending, date printed
  • Use black/white optimized colors for print
  • Add page break between categories

Acceptance Criteria

  • Cmd/Ctrl+P opens print dialog with a clean, ink-saving layout
  • All options visible with vote counts in print view
  • No broken images or empty boxes in print output
  • URL and date printed at bottom of each page
## Problem The organizer wants to print the final results to share with the group or bring to an in-person meeting. ## Proposed Solution - Add `@media print` styles to the CSS - Hide: tabs, add form, toasts, voter badges, connection status - Show: title, all categories with results sorted by votes descending, date printed - Use black/white optimized colors for print - Add page break between categories ## Acceptance Criteria - [ ] `Cmd/Ctrl+P` opens print dialog with a clean, ink-saving layout - [ ] All options visible with vote counts in print view - [ ] No broken images or empty boxes in print output - [ ] URL and date printed at bottom of each page
TopherMayor added the frontendui/uxpriority/low labels 2026-04-29 03:55:21 +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/low 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#12
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?