←
TRCKR-353
Created: 2025-12-15
•
Updated: 2025-12-17
Relationships
Loading...
Attachments
Loading...
Comments (1)
agent
·
2025-12-17
## Fix Summary
Refactored the Pull Requests section in the issue detail modal to match the compact inline style used by the Labels and Repositories sections.
## Changes Made
### Template Changes (server/templates/modals/issue_detail.html)
- Lines 135-163: Replaced the old block-style PR section with a new inline badge layout
- Uses flexbox row layout with label and content inline
- PR badges now use purple background (#8957e5) to distinguish from labels (blue) and repos (blue)
- Added hidden input container that shows on '+Add' click
- Added new JavaScript functions: togglePrInput() and addPr()
### Server Changes (server/routes/web.py)
- Lines 1908-1955: Updated _render_prs_section() to return consistent compact HTML
- Uses URL encoding for PR URLs in delete buttons to handle special characters
- Returns full prs-section div with outerHTML swap for HTMX updates
## Verification
- All server tests pass (98 passed)
- All issue tests pass (130 passed)
- Visual verification via browser:
- Labels, Repositories, and Pull Requests sections all have identical inline layout
- Label text and '+Add' button appear on same row
- Input container appears when '+Add' is clicked
- Cancel button hides input and shows '+Add' button again
## Layout Comparison
Before: PR items displayed as full-width blocks with background
After: PR items display as inline badges matching Labels/Repositories style