#3711 [UI/UX - 5.0+] Align columns for issue priority, milestone, assignee, comments
Closed: Fixed Opened by jflory7.

Problem

In the Issues tab of a repo, the unaligned columns are difficult to read

Analysis

I found the Issues page harder to read in 5.0+. You notice it more when issues have different combinations of metadata. If I'm looking to filter by a specific priority, my eye naturally starts looking below the priority of the first issue. Thus, an aligned view made more sense to me.

Implementation

  • Align all columns whether they have metadata set or not?
  • Add more whitespace separation between different metadata?
  • Add clear line to visibly separate column?

Example of issue list with several combinations of metadata

Example of issue list with several combinations of metadata

Metadata Update from @pingou:
- Issue tagged with: Artwork, RFE

Metadata Update from @ryanlerch:
- Issue assigned to ryanlerch

Okies, yeah this is looking pretty messy.

However, there is not a lot of room up there for making this a tabular layout, added with the fact that the priorities and the milestones can have wildly ranging lengths.

Here is what i am thinking here, keep the comment count, and the assignee where they are, but make them line up in vertical columns.

For the other additional metadata, am thinking of moving it down to after the tags at the bottom line. This will not help with the visual filtering of course, but the actual filtering here should be able to help with that.

@ryanlerch This approach sounds good to me!

Metadata Update from @ryanlerch:
- Issue set to the milestone: 5.2

Commit 9b46728e fixes this issue

Super! :tada: Thanks.

Metadata
Related Pull Requests