Consider styling links and GFM references in user profile events and todos

When you visit a user's profile page (e.g. here), and an activity event contains a reference to something we style in GitLab Flavored Markdown (e.g. labels, usernames, issues, MRs, etc), we're not styling it as we normally do. All links are styled with .event-item a { color: #333; } (gray, same color as plain text ), so it seems that this is intentional.

But this practice is poorly suited for some gfm content items, as they still inherit some styles from gfm (e.g padding and margins), and end up with weird spacing. And it isn't clear why they have weird spacing, given that they're colored black like other plain text. I think this qualifies this issue as a gitlab-ce~2278648

2016-11-10_14.42.02

Graying out gfm content also seems inadequate given that we're setting tooltips on these items. It seems to me bad UX to have clickable, tooltip'ed links that look exactly the same as plain text.

We already style code blocks on this page.

Screen_Shot_2016-11-10_at_2.46.23_PM

We also display emoji:

Screen_Shot_2016-11-10_at_3.02.11_PM

Can we be more consistent on when color / gfm-styling is okay on this page? Is there a reason we're not doing this already for all gfm ui elements?

(Everything mentioned above applies to Todos).

cc: @undefined


Proposal

Commit range comparison

a-bounch-of-commits

Commit

commit

Label by ID

label-by-ID

Issue

link-to-issue

Merge request

merge-rquest

Milestone

milestone

Standard link

standard-links

URL auto-linking

url-auto-linking

Specific username

username


Mockup

profile

Edited Aug 14, 2020 by 🤖 GitLab Bot 🤖
Assignee Loading
Time tracking Loading