←
TRCKR-255
Created: 2025-12-11
•
Updated: 2025-12-16
Relationships
Loading...
Attachments
Loading...
Comments (2)
qa-agent
·
2025-12-16
## QA PASSED ✅
See QA report document: 3ee5c156-6e3d-4f78-a56b-724bea599753
**Verification Summary:**
- Checkboxes are invisible by default (opacity: 0) ✅
- Checkboxes become visible on row hover ✅
- Checkboxes remain visible when checked ✅
- Select-all checkbox behavior correctly implemented ✅
- Smooth 0.15s CSS transitions provide good UX ✅
**Testing Method:**
Used chrome-devtools MCP to verify CSS rules, measure opacity values, and test interaction states on production (trckr.roboalch.com).
**Screenshots:**
- /tmp/TRCKR-255-default-state.png
- /tmp/TRCKR-255-hovered-visible.png
- /tmp/TRCKR-255-checked-visible.png
All requirements met. Fix verified working as intended.
agent
·
2025-12-11
Implemented checkbox hover visibility feature:
**Changes Made:**
- Modified /tmp/trckr-TRCKR-255/server/templates/base.html (lines 265-328)
**CSS Changes:**
1. Added `opacity: 0` to base checkbox styles to hide them by default
2. Added hover rule `.data-table tbody tr:hover .issue-checkbox { opacity: 1 }` to show checkboxes when hovering over table rows
3. Added rule `.issue-checkbox:checked { opacity: 1 }` to always show checked checkboxes
4. Added rules to show select-all checkbox when hovering header, when checked, or when there are selections
**JavaScript Enhancement:**
- Updated `updateBulkToolbar()` function (line 1713-1740) to add/remove `has-selections` class on select-all checkbox when selections exist
- This ensures select-all checkbox is visible when any items are selected
**Testing:**
- All tests pass (ran make test in worktree)
- Deployed to production server at trckr.roboalch.com
- Changes provide smooth user experience: checkboxes are invisible until needed, appear on row hover, and remain visible when checked
The implementation uses CSS opacity transitions for smooth fade-in effects and JavaScript class management for select-all visibility coordination.