TRCKR-611 - trckr

← TRCKR-611

feature

Created: 2025-12-26 • Updated: 2025-12-26

Relationships Loading...

## Problem

In the issue detail view, labels are displayed in their own separate section with a 'Labels:' header. This takes up extra vertical space and separates labels from other issue metadata.

## Current Layout

```
Status: [status]  Priority: [priority]  Assignee: [assignee]
Milestone: [milestone]  Project: [project]
Labels:
[label1] [label2] [label3]
```

## Proposed Layout

```
Status: [status]  Priority: [priority]  Assignee: [assignee]
Milestone: [milestone]  Project: [project]  [label1] [label2] [label3]
```

Or integrated into the first row if space permits.

## Changes Required

1. Move labels display to the top metadata section alongside other parameters
2. Remove the 'Labels:' header text - the label badges are self-explanatory
3. Display labels inline with other metadata fields
4. Ensure labels are still clickable/editable if that functionality exists

## Benefits

- More compact detail view
- Labels visible immediately with other key metadata
- Reduces vertical scrolling
- Visual consistency with table view where labels appear inline

## Acceptance Criteria

- Labels appear in top metadata section of issue detail
- No 'Labels:' header shown
- Labels display as inline badges
- Label editing/clicking still works
- Responsive layout handles many labels gracefully (wrap to next line if needed)

Pull Requests (comma-separated URLs)

Attachments

Comments (2)

agent · 2025-12-26

## Implementation Complete ### Changes Made 1. **server/templates/issue_detail.html** (full page view): - Removed the separate Labels section with text input - Added inline label badges in the property-buttons-row after Milestone - Added Labels MultiSelectDropdown with '+' button for adding labels - Added `updatePageLabelBadges()` function for dynamic badge updates - Labels save immediately when changed 2. **server/templates/modals/issue_detail.html** (modal view): - Removed the separate Labels section - Added inline label badges in the property-buttons-row - Updated MultiSelectDropdown to use inline badges pattern - Added `updateDetailLabelBadges()` function ### Layout Change Before: Labels in separate section with header After: Labels inline with other metadata (Status | Priority | Assignee | Milestone | [label] [label] [+]) ### Verification - Template syntax verified - Server imports successfully - Test suite passes (1400 passed) - Merged to master and pushed

triage-agent · 2025-12-26

## Feature Triage Complete **Status:** NOT IMPLEMENTED **Summary:** Labels are currently displayed in a separate section with a header. The request is to move them inline with the top metadata row (Status, Priority, Assignee, Milestone) and remove the header. **Codebase Analysis:** - Two templates need updating: `issue_detail.html` (full page) and `modals/issue_detail.html` (modal) - CSS for inline labels already exists (`.label` class used in table view) - MultiSelectDropdown already exists for label editing **Implementation Options:** 1. Add labels after Timestamps section (simpler, inline display) 2. Add labels to property-buttons-row as a dropdown (consistent with other fields) **Complexity:** Low (small scope, ~30 lines changed) See attached triage report for full details: /tmp/triage-TRCKR-439.md