Extended popover for issue links
Overview
#25607 (closed) contains the barebones MVC of the extended popover for issue links. This issue will be for the rest of the details.
Problem to solve
When hovering over an issue link, we currently display the issue name in the tooltip. There is an opportunity to enhance this via additional information of this issue to get more context without having to open the actual link.
Proposal
Let's enhance the tooltip by using a popover and display this additional information when hovering over issue links.
- Title
- State
- Creation date
- Milestone
- Weight
- Author
- Assignees
- Confidential?
Solution
These designs still use the old version of the 'weight' icon. We need to use the new one available here.
| Fully specced out + long title | Barebones | Skeleton |
|---|---|---|
 |
 |
 |
Header
I don't want to reinvent a pattern that is already in use and a convention at gitlab. When on an issue page, the status badge, the confidential icon and age are all in one line at the top. I wanted to reuse this pattern. It's what users are used to already.
Milestone, weight, due date
This is something that I noticed in the board cards and I think it works really well. Again, let's reuse what is already a convention at GitLab.
Assignees
At first, I wanted to have the assignees in the same line as milestone etc. Then I remembered that in board cards the assignees are in the bottom right corner, stacked up if more than one. It makes total sense to reuse this here. We want to establish a design language that users will understand by simply using the interface. Re-using patterns like these and creating conventions is the best approach to do this.
Vision
This is all good, but we can make it better. What if we tell the user if they interacted with the issue in question? Let's say they took part in the discussion, we could show that.
What does success look like, and how can we measure that?
(If no way to measure success, link to an issue that will implement a way to measure this)