You’re viewing Paradaux’s public workspaceSign in to vote Get taskl.ie for your team

PAR-367

Loading issues

PAR-367 · Issue detail: two-column layout with a properties sidebar… · Paradaux · taskl.ie

PAR-367

Issue detail: two-column layout with a properties sidebar, breadcrumb header, click-to-edit title

Part of PAR-357.

Problem (`ui/app/(app)/w/[workspace]/issues/[ref]/page.tsx`)

Lots of dead space. The page is a single 72ch centred column, leaving about 400px of empty space on the left at 1440px wide.
Properties are cramped and out of place. They're a horizontal row of bordered pills ("Planned | High | Assignee: Unassigned | Project: Hibernia Economy") squeezed between the title and the description. Labels sit on a second row. Due date, parent and sprint hide behind "Add property".
The vote widget dominates. A Reddit-style up/down vote box sits to the left of the title.
Header copy and buttons. The header has "← Back to work" (odd copy) and a "Copy reference" text button. Archive runs on one click with no confirmation or undo (:130-136).
Editing is behind buttons. The title is an h1 with a separate "Edit title" ghost button. The description has an "Edit" button.
No breadcrumb, and no previous/next navigation.

Reference

Linear issue (Mobbin): a top bar with "PAR-166 › title", star, ⋯, copy-link, copy-branch and up/down issue navigation. The left column holds the title, description, sub-issues and activity. A right sidebar holds stacked Properties / Labels / Project sections.
Also Jira's details panel (Mobbin) and Asana's task pane (Mobbin).

Do

Add a top bar with a breadcrumb (Team › Project › PAR-166), ↑/↓ prev/next within the current list, and icon buttons for copy link, copy branch name, ⋯ menu (archive, delete, move team, copy ref) and favourite.
Use a two-column body: content at ~720px max, and a 280–320px right sidebar listing every property as a label: value row, always visible, each opening its picker.
Make the title and description click-to-edit, autosaving on blur with ⌘Enter / Esc.
Shrink voting to a small 👍 count chip in the header, or move it into the sidebar.
On mobile, the sidebar collapses into a properties section above the activity.
Archive and delete go through a confirm or an undo toast.

Activity

taskl.ie created the issue 6d ago
taskl.ie6d ago
✅ Decision (Rían, 2026-10-17): community voting stays prominent. This overrides the "shrink voting to a small chip" suggestion in the description. Don't keep the bulky Reddit-style box either. Instead, use a compact vote button (▲ count, filled when you've voted) in the issue header beside the title. Show voter avatars on hover, and show the vote count in the properties sidebar. Guests who click it get the sign-in prompt (PAR-397).
taskl.ie set status to In Progress 5d ago
taskl.ie5d ago
Plan (one PR, branch par-367-issue-detail, covers PAR-367, 369, 370, 371, 405; PAR-404 left as a slot):
- Backend (small): issue detail gains milestone; ChildResponse gains assignee, votes, child totals and PR facts so the sub-issue tree can draw its rows and delivery track. Regenerate openapi + schema.
- DS: promote prototype pieces (properties sidebar rows, markdown editor with toolbar/slash/⌘Enter, sub-issue tree, activity feed items) into packages/tasklie-design-system with stories.
- App: domains/issues detail screen (breadcrumb top bar, prev/next, copy link/branch, ⋯ menu with confirm, 2-column body, properties sidebar, click-to-edit title/description with autosave), sub-issues tree, timeline (relative times, collapsed event runs, description diff, copy comment link, guest sign-in), IssuePeek exported for list/board.
- Stories (default/loading/empty/error/mobile), unit tests, screenshots in docs/redesign/par-367/.
taskl.ie5d ago
PR open: https://github.com/ParadauxIO/taskl.ie/pull/63 (covers PAR-367, 369, 370, 371, 405). Layout, top bar, properties column, click-to-edit, guest view done.
taskl.ie set status to Pending Release 5d ago
taskl.ie changed status from Pending release to Done 5d ago

Workspace permission required to comment

Comments and reactions require workspace permission. Ask a workspace owner or admin for access. You can sign in to vote.

Problem (ui/app/(app)/w/[workspace]/issues/[ref]/page.tsx)

Reference

Do

Activity

Workspace permission required to comment

Problem (`ui/app/(app)/w/[workspace]/issues/[ref]/page.tsx`)